Prevent click event from firing when dblclick event fires

by

In case anyone else stumbles on this (as I did) looking for an answer, the absolute best solution that I could come up with is the following: 

    $node.on('click',function(e){
      if(e.originalEvent.detail > 1){
         return;
        /* if you are returning a value from this
         function then return false or cancel 
         the event some other way */
      }
    });

Done. If there is more than one click back to back, the second, third,etc. will not fire. I definitely prefer this to using any sort of timers.

I got myself pointed in this direction by reading this.

Incidentally: I was first researching this problem because I accidentally double clicked a paginated link, and the event fired and finished twice before the callback could happen.

Before coming up with the code above, I had

 if e.originalEvent.detail === 2 //return

however, I was able to click on the link 3 times (a triple click), and though the second click didn’t fire, the third did

More Related Contents:

  1. Is it possible to simulate key press events programmatically?
  2. How to simulate a mouse click using JavaScript?
  3. Trigger a keypress/keydown/keyup event in JS/jQuery?
  4. How to find out what character key is pressed?
  5. Document.write clears page
  6. How can I trigger an onchange event manually? [duplicate]
  7. How do I capture response of form.submit
  8. Manipulating innerHTML removes the event handler of a child element? [duplicate]
  9. How does a function in a loop (which returns another function) work? [duplicate]
  10. How to pass parameter to function using in addEventListener?
  11. How do you log all events fired by an element in jQuery?
  12. Javascript trick for ‘paste as plain text` in execCommand
  13. Are there any standards for mobile device web browsers in terms of thread sleeping? [closed]
  14. JavaScript mapping touch events to mouse events
  15. Using this inside an event handler
  16. Are event handlers in JavaScript called in order?
  17. HTML DOM: Which events do not bubble?
  18. Javascript onkeydown event fire only once?
  19. Mozilla firefox not working with window.onbeforeunload
  20. Capturing load event on LINK
  21. Why can’t I reliably capture a mouseout event?
  22. Can multiple event listeners/handlers be added to the same element using Javascript?
  23. onchange event not fire when the change come from another function
  24. How to check whether a Button is clicked by using JavaScript
  25. event.target on Firefox
  26. Is it possible to catch browser’s File Open/Save dialog event using Javascript
  27. Is there a way to detect which side the Alt key was pressed on (right or left)?
  28. onKeyPress event in Firefox and IE8
  29. How to implement a lock in JavaScript
  30. Detecting support for a given JavaScript event?

Leave a Comment