Erinevate sündmuste sidumine klõpsamiseks ja topeltklõps - CSS-trikid

Anonim

Võite topeltklõpsamisel soovida, et lingil oleks spetsiaalne toiming, mis takistab lingi vaiketoimingut (minge teisele lehele). Niisiis:

Topeltklõps: teeb midagi erilist, ei tee tavalist klõpsuüritust üldse
Klõps: töötab nagu tavaliselt

Tavalise klikitoimingu käivitamisel peab teil olema väga väike viivitus, mille tühistate topeltklõpsu korral.

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(); ));
Vaadake seda pliiatsit!