Связывание разных событий с кликом и двойным щелчком онлайн урок.


Вы можете захотеть, чтобы у ссылки было специальное действие при двойном щелчке, которое предотвращает действие по умолчанию для ссылки (перейдите на другую страницу). Итак:

Двойной щелчок: делает что-то особенное, вообще не делает обычного события щелчка
Щелчок: работает как обычно

Вам нужно будет очень немного отложить отключение обычного действия щелчка, которое вы отменяете, когда происходит событие двойного щелчка.

function doClickAction() {
$("#click h2").append("•");
}
function doDoubleClickAction() {
$("#double-click h2").append("•");
}

var timer = 0;
var delay = 200;
var prevent = false;

$("#target")
.on("click", function() {
timer = setTimeout(function() {
if (!prevent) {
doClickAction();
}
prevent = false;
}, delay);
})
.on("dblclick", function() {
clearTimeout(timer);
prevent = true;
doDoubleClickAction();
});

 Check out this Pen!