क्लिक करने और डबल क्लिक करने के लिए विभिन्न घटनाओं को बांधें - सीएसएस-ट्रिक्स

आप एक विशेष कार्रवाई के लिए लिंक चाहते हैं जब डबल-क्लिक किया जाता है जो लिंक की डिफ़ॉल्ट कार्रवाई को रोकता है (दूसरे पृष्ठ पर जाएं)। इसलिए:

डबल-क्लिक: कुछ विशेष करता है, सामान्य क्लिक इवेंट को बिल्कुल भी नहीं करता है
क्लिक: सामान्य की तरह काम करता है

आपको सामान्य क्लिक क्रिया को बंद करने पर बहुत थोड़ी देरी करने की आवश्यकता होगी, जिसे आप डबल क्लिक घटना होने पर रद्द कर देते हैं।

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(); ));

इस पेन को देखें!