Lier différents événements pour cliquer et double-cliquer - Astuces CSS

Anonim

Vous pouvez souhaiter qu'un lien ait une action spéciale lors d'un double-clic qui empêche l'action par défaut du lien (aller sur une autre page). Alors:

Double-cliquez: fait quelque chose de spécial, ne fait pas du tout l'événement de clic normal
Cliquez: fonctionne normalement

Vous aurez besoin d'un très léger délai pour déclencher l'action de clic normale, que vous annulez lorsque l'événement de double clic se produit.

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(); ));
Découvrez ce stylo!