Привязать разные события к щелчку и двойному щелчку - CSS-хитрости

Anonim

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

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

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

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(); ));
Посмотрите на эту ручку!