Показать сообщение отдельно
  #5 (permalink)  
Старый 03.07.2019, 17:48
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

Сообщение от рони
проверку левой клавиши, можно вынести в отдельную функцию при желании.
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
     .regular-checkbox{
         height: 50px;
         width: 50px;
     }

  </style>


  <script>
  const checker = ({target}) => target.classList.contains("regular-checkbox") &&  (target.checked = true);
  addEventListener('mousedown', ({which}) => which == 1 && addEventListener('mousemove', checker));
  addEventListener('mouseup', () => removeEventListener('mousemove', checker))
  </script>
</head>

<body>
<input type="checkbox" class="regular-checkbox">
<input type="checkbox" class="regular-checkbox">
<input type="checkbox" class="regular-checkbox">
<input type="checkbox" class="regular-checkbox">
<input type="checkbox" class="regular-checkbox">

</body>
</html>
Ответить с цитированием