Povežite različne dogodke s klikom in dvojnim klikom - CSS-triki

Anonim

Pri dvokliku boste morda želeli, da bo povezava imela posebno dejanje, ki preprečuje privzeto dejanje povezave (pojdite na drugo stran). Torej:

Dvoklik: naredi nekaj posebnega, sploh ne izvede običajnega klika.
Klik: deluje kot običajno

Pri sprožitvi običajnega dejanja klika boste morali imeti rahlo zamudo, ki jo prekličete, ko se zgodi dogodek dvojnega klika.

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(); ));
Oglejte si to pisalo!