Свързване на различни събития с щракване и двойно щракване - 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(); ));
Вижте тази писалка!