Javascript with jQuery: Click and double click on same element, different effect, one disables the other

by

The general idea:

  1. Upon the first click, dont call the associated function (say single_click_function()). Rather, set a timer for a certain period of time(say x). If we do not get another click during that time span, go for the single_click_function(). If we do get one, call double_click_function()

  2. Timer will be cleared once the second click is received. It will also be cleared once x milliseconds are lapsed.

BTW, check Paolo’s reply out: Need to cancel click/mouseup events when double-click event detected
and of course the entire thread! 🙂

Better answer: https://stackoverflow.com/a/7845282/260610

More Related Contents:

  1. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  2. How do I attach events to dynamic HTML elements with jQuery? [duplicate]
  3. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  4. How to set file input value when dropping file on page? [duplicate]
  5. Detecting Browser Autofill
  6. Firing event on DOM attribute change
  7. JavaScript / jQuery: Test if window has focus
  8. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  9. How can I listen for a click-and-hold in jQuery?
  10. prevent Scroll bubbling from element to window
  11. Get index of clicked element in collection with jQuery
  12. How to stop default link click behavior with jQuery
  13. Listening for Youtube Event in JavaScript or jQuery
  14. Throttle event calls in jQuery
  15. JavaScript: DOM load events, execution sequence, and $(document).ready()
  16. how to move a div with arrow keys
  17. How can I get jQuery .val() AFTER keypress event?
  18. jQuery Change event on an element – any way to retain previous value?
  19. jQuery Mobile : What is the order of page events triggering?
  20. How to know if .keyup() is a character key (jQuery)
  21. How do I handle a click anywhere in the page, even when a certain element stops the propagation?
  22. Event propagation in Javascript
  23. jQuery – How can I temporarily disable the onclick event listener after the event has been fired?
  24. How to disable mouseout events triggered by child elements?
  25. jquery/javascript: function(e){…. what is e? why is it needed? what does it actually do/accomplish?
  26. Prototype equivalent for jQuery live function
  27. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  28. Fire oninput event with jQuery
  29. jquery keypress event object keyCode for firefox problem?
  30. How to capture browser close event?

Leave a Comment