Monitor all JavaScript events in the browser console

by

With firebug or web inspector you can use monitorEvents:

monitorEvents(myDomElem);

This prints all events emitted by myDomElem to the console. Use unmonitorEvents to stop monitoring events.

If you’re interested in getting events after the DOM has been manipulated, take a look at Mutation Events.

Edit:

As far as I know, there is no easy way to intercept all onreadystatechange events from all XMLHttpRequest. The only work-around I can think of is to override the native XMLHttpRequest object with you own implementation. For example:

(function() { // Overriding XMLHttpRequest
    var oldXHR = window.XMLHttpRequest;

    function newXHR() {
        var realXHR = new oldXHR();

        realXHR.addEventListener("readystatechange", function() { 
            console.log("an ajax request was made") 
        }, false);

        return realXHR;
    }

    window.XMLHttpRequest = newXHR;
})();

Needless to say this is extremely hacky and generally ill-advised.

More Related Contents:

  1. Why are inline event handler attributes a bad idea in modern semantic HTML?
  2. jQuery .live() vs .on() method for adding a click event after loading dynamic html
  3. How to stop event propagation with inline onclick attribute?
  4. What’s the difference between event.stopPropagation and event.preventDefault?
  5. Detecting Browser Autofill
  6. phantomjs not waiting for “full” page load
  7. Firing event on DOM attribute change
  8. Launch Bootstrap Modal on Page Load
  9. Javascript event handler with parameters
  10. event.preventDefault() vs. return false (no jQuery)
  11. Getting value of HTML Checkbox from onclick/onchange events
  12. Watch multiple $scope attributes
  13. How to unbind a listener that is calling event.preventDefault() (using jQuery)?
  14. Handling key-press events (F1-F12) using JavaScript and jQuery, cross-browser
  15. Javascript: How to detect if a word is highlighted
  16. How can I execute a function on pressing the enter key in an field?
  17. How can I listen for a click-and-hold in jQuery?
  18. prevent Scroll bubbling from element to window
  19. How do you detect the clearing of a “search” HTML5 input?
  20. JS Events: hooking on value change event on text inputs
  21. How to handle an ActiveX event in Javascript
  22. jQuery events .load(), .ready(), .unload()
  23. Detect if user clicks inside a circle
  24. Get the clicked object that triggered jquery blur() event [duplicate]
  25. Backbone 0.9.9: Difference between listenTo and on
  26. Is it possible to programmatically catch all events on the page in the browser?
  27. Javascript multiple dynamic addEventListener created in for loop – passing parameters not working
  28. jquery/javascript: function(e){…. what is e? why is it needed? what does it actually do/accomplish?
  29. jquery keypress event object keyCode for firefox problem?
  30. One time event handling using promises?

Leave a Comment