Du vil muligvis have et link til at have en særlig handling, når du dobbeltklikker, hvilket forhindrer standardhandlingen for linket (gå til en anden side). Så:
Dobbeltklik: gør noget særligt, gør slet ikke normal klikhændelse
Klik: fungerer som normalt
Du bliver nødt til at have en meget lille forsinkelse med at udløse den normale klikhandling, som du annullerer, når dobbeltklikhændelsen sker.
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(); ));
Tjek denne pen!