Susiekite skirtingus įvykius, kuriuos norite spustelėti, ir dukart spustelėkite - CSS-gudrybės

Turinys

Jei norite, kad dukart spustelėjus nuorodą būtų atliktas specialus veiksmas, tai užkerta kelią numatytam nuorodos veiksmui (eikite į kitą puslapį). Taigi:

Dukart spustelėkite: daro ką nors ypatingo, visai nedaro įprasto paspaudimo įvykio.
Spustelėkite: veikia kaip įprasta

Norint paleisti įprastą paspaudimo veiksmą, kurį turėsite atšaukti, kai įvyksta dvigubo paspaudimo įvykis, reikės labai šiek tiek vėluoti.

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(); ));
Patikrinkite šį rašiklį!

Įdomios straipsniai...