Prevent firing focus event when clicking on div

by

DEMO here

I think you are missing some parts here,

  1. event.stopPropagation() is used to stop the event from bubbling. You can read about it here.

  2. event.stopImmediatePropagation() In addition to keeping any additional handlers on an element from being executed, this method also stops the bubbling by implicitly calling event.stopPropagation(). You can read about it here

  3. If you want to stop browser events, then you should use event.preventDefault(). You can read about it here

  4. click = mousedown + mouseup -> The focus will be set on a HTML element when the mouse down is successful. So instead of binding click event, you should use ‘mousedown’. See my demo.

  5. You cannot use 1 action boolean value to determine which div is clicked and how many times it has been clicked. Check my Demo to see how you can handle that.

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. jQuery click events firing multiple times
  9. How can I detect pressing Enter on the keyboard using jQuery?
  10. What is the difference between the mouseover and mouseenter events?
  11. Long Press in JavaScript?
  12. Event when user stops scrolling
  13. How to detect online/offline event cross-browser?
  14. jQuery scroll() detect when user stops scrolling
  15. How to differentiate single click event and double click event?
  16. Detect multiple keys on single keypress event in jQuery
  17. Fire jQuery event on div change
  18. How to bind Events on Ajax loaded Content?
  19. Event delegation vs direct binding when adding complex elements to a page
  20. HTML5 dragleave fired when hovering a child element
  21. Detect Close windows event by jQuery
  22. window.resize event firing in Internet Explorer
  23. jQuery change event on not firing in IE
  24. How to detect if the user clicked the “back” button
  25. jQuery event that triggers after CSS is loaded?
  26. Drop event not firing in chrome
  27. Catch scrolling event on overflow:hidden element
  28. Trigger for span text/html on changed
  29. jQuery event bubbling
  30. Is My Page Being Loaded from the Browser Cache?

Leave a Comment