jQuery-Обработчик долгого клика по кнопке
Примеры кода длительного нажатия на кнопку с демонстрацией работы.
Длительное нажатия на кнопку.
JS
<button id="button" type="button">Кнопка</button>
<script>
$("#button").click(function(){
/* Действие №1 (при обычном клике) */
}).mouseup(function(){
clearTimeout(pressTimer);
return false;
}).mousedown(function(){
pressTimer = window.setTimeout(function(){
/* Действие №2 (при долгом нажатии) */
}, 1000);
return false;
});
</script>Цикличное действие при удержании кнопки.
Во втором примере при коротком клике по кнопке сработает действие №1. Если кнопка после клика удерживается, то действие №2 сработает циклично, с периодом указанным в setInterval() (100 мс).
JS
<button id="button" type="button">Кнопка</button>
<script>
var pressTimer;
$("#button").click(function(){
/* Действие №1 (при обычном клике) */
}).mouseup(function(){
clearTimeout(pressTimer);
return false;
}).mousedown(function(){
pressTimer = window.setInterval(function() {
/* Действие №2 (при долгом нажатии) */
}, 100);
return false;
}).mouseout(function(){
clearTimeout(pressTimer);
});
</script>ТОП 10 случайных публикаций
Последние публикации
Сайт разработан студией © WEB-VidST