Event capturing jQuery

by

Use event capturing instead:-

$("body").get(0).addEventListener("click", function(){}, true);

Check the last argument to “addEventListener” by default it is false and is in event bubbling mode. If set to true will work as capturing event.

For cross browser implementation.

var bodyEle = $("body").get(0);
if(bodyEle.addEventListener){
   bodyEle.addEventListener("click", function(){}, true);
}else if(bodyEle.attachEvent){
   document.attachEvent("onclick", function(){
       var event = window.event;
   });
}

IE8 and prior by default use event bubbling. So I attached the event on document instead of body, so you need to use event object to get the target object. For IE you need to be very tricky.

More Related Contents:

  1. jQuery .animate function not responding properly
  2. Assign click handlers in for loop
  3. Scroll Automatically to the Bottom of the Page
  4. jQuery ajax success callback function definition
  5. Reload an iframe with jQuery
  6. Finding line-wraps
  7. How to build simple jQuery image slider with sliding or opacity effect?
  8. How to check if the URL contains a given string?
  9. Javascript Contenteditable – set Cursor / Caret to index
  10. Detect if browser tab is active or user has switched away
  11. keycode and charcode
  12. Get the visible height of a div with jQuery
  13. Count the number of integers in a string
  14. Ajax, prevent multiple request on click
  15. Bootstrap 4: Uncaught ReferenceError: Popper is not defined
  16. AJAX Promises using Array
  17. Native javascript equivalent of jQuery :contains() selector
  18. How to tell which row number is clicked in a table?
  19. Populating a select box using JQUERY, AJAX and PHP
  20. Debounce function in jQuery
  21. SVG – click is not a function [duplicate]
  22. Close a div by clicking outside
  23. JavaScript on the bottom of the page?
  24. Chain ajax and execute it in sequence. Jquery Deferred
  25. ToggleClass animate jQuery?
  26. jQuery Datepicker “After Update” Event or equivalent
  27. How to flatten array in jQuery?
  28. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  29. Capturing result of window.onbeforeunload confirmation dialog
  30. Can you have multiple lines in an element?

Leave a Comment