How to differentiate single click event and double click event?

by

The behavior of the dblclick event is explained at Quirksmode.

The order of events for a dblclick is:

  1. mousedown
  2. mouseup
  3. click
  4. mousedown
  5. mouseup
  6. click
  7. dblclick

The one exception to this rule is (of course) Internet Explorer with their custom order of:

  1. mousedown
  2. mouseup
  3. click
  4. mouseup
  5. dblclick

As you can see, listening to both events together on the same element will result in extra calls to your click handler.

More Related Contents:

  1. Javascript: function doesnt work even though condition is met (hard for me to explain)
  2. jQuery.click() vs onClick
  3. Check if an image is loaded (no errors) with jQuery
  4. jQuery $(document).ready and UpdatePanels?
  5. Using jQuery to test if an input has focus
  6. How to debug JavaScript / jQuery event bindings with Firebug or similar tools?
  7. Getting value of select (dropdown) before change
  8. How can I detect pressing Enter on the keyboard using jQuery?
  9. What is the difference between the mouseover and mouseenter events?
  10. Long Press in JavaScript?
  11. Event when user stops scrolling
  12. How to detect online/offline event cross-browser?
  13. jQuery scroll() detect when user stops scrolling
  14. Detect multiple keys on single keypress event in jQuery
  15. Fire jQuery event on div change
  16. How to bind Events on Ajax loaded Content?
  17. Event delegation vs direct binding when adding complex elements to a page
  18. HTML5 dragleave fired when hovering a child element
  19. Detect Close windows event by jQuery
  20. window.resize event firing in Internet Explorer
  21. jQuery change event on not firing in IE
  22. How to detect if the user clicked the “back” button
  23. jQuery event that triggers after CSS is loaded?
  24. Get the clicked object that triggered jquery blur() event [duplicate]
  25. Drop event not firing in chrome
  26. Disabling middle click scrolling with javascript
  27. Prevent firing focus event when clicking on div
  28. Catch scrolling event on overflow:hidden element
  29. Trigger for span text/html on changed
  30. Is My Page Being Loaded from the Browser Cache?

Leave a Comment