Ikut Acara Berbeza untuk Klik dan Klik Dua Kali - Trik CSS

Anonim

Anda mungkin mahu pautan mempunyai tindakan khas apabila mengklik dua kali yang menghalang tindakan lalai pautan (pergi ke halaman lain). Jadi:

Klik dua kali: melakukan sesuatu yang istimewa, sama sekali tidak melakukan peristiwa klik biasa
Klik: berfungsi seperti biasa

Anda perlu mengalami sedikit kelewatan untuk melepaskan tindakan klik biasa, yang anda batalkan ketika peristiwa klik dua kali berlaku.

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(); ));
Lihat Pen ini!