Как добавить класс при удержание нажатия на элемент
Нужно по такому принципу добавить новый класс:
$('.area').on('click', function(e) { $(".class").addClass( "new-class" ); }); Только не при клике, а когда нажимаем и удерживаем курсор на элемент... Когда отпускаем, класс удаляется. Кто знает как сделать, помогите! Было бы хорошо если был бы еще и delay... Не добавлять сразу класс, а к примеру через 2с, и также когда отпускаем нажатие. Спасибо! |
<style> .new-class{ background-color: red; } </style> <button class="area">but</button> <div class="class">tar</div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('.area').on('mousedown', function(e) { setTimeout(()=>$(".class").addClass( "new-class" ), 2000); }).on('mouseup', function(e) { setTimeout(()=>$(".class").removeClass( "new-class" ), 2000); }); </script> |
Часовой пояс GMT +3, время: 22:42. |