How to find out which JavaScript events fired?

by

Just thought I’d add that you can do this in Chrome as well:

Ctrl + Shift + I (Developer Tools) > Sources> Event Listener Breakpoints (on the right).

You can also view all events that have already been attached by simply right clicking on the element and then browsing its properties (the panel on the right).

For example:

  • Right click on the upvote button to the left
  • Select inspect element
  • Collapse the styles section (section on the far right – double chevron)
  • Expand the event listeners option
  • Now you can see the events bound to the upvote

    • Not sure if it’s quite as powerful as the firebug option, but has been enough for most of my stuff.

    Another option that is a bit different but surprisingly awesome is Visual Event:
    http://www.sprymedia.co.uk/article/Visual+Event+2

    It highlights all of the elements on a page that have been bound and has popovers showing the functions that are called. Pretty nifty for a bookmark! There’s a Chrome plugin as well if that’s more your thing – not sure about other browsers.

    AnonymousAndrew has also pointed out monitorEvents(window); here

    More Related Contents:

    1. How to trigger event in JavaScript?
    2. Firing event on DOM attribute change
    3. What exactly is the parameter e (event) and why pass it to JavaScript functions?
    4. How can I capture the right-click event in JavaScript? [duplicate]
    5. event.preventDefault() vs. return false (no jQuery)
    6. How do you log all events fired by an element in jQuery?
    7. Accessing an object’s property from an event listener call in JavaScript
    8. Pass mouse events through absolutely-positioned element
    9. jQuery equivalent of JavaScript’s addEventListener method
    10. How do you detect the clearing of a “search” HTML5 input?
    11. Are event handlers in JavaScript called in order?
    12. Handling “onclick” event with pure JavaScript
    13. Remove key press delay in Javascript
    14. JavaScript add events cross-browser function implementation: use attachEvent/addEventListener vs inline events
    15. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
    16. How to implement a lock in JavaScript
    17. Fire oninput event with jQuery
    18. Replacement for deprecated `keypress` DOM event
    19. Is it possible to append to innerHTML without destroying descendants’ event listeners?
    20. Getting the ID of the element that fired an event
    21. JavaScript, browsers, window close – send an AJAX request or run a script on window closing
    22. What is the difference between the mouseover and mouseenter events?
    23. Browser event when downloaded file is saved to disk
    24. Is there a way to get SSL certificate details using JavaScript?
    25. Intercept all ajax calls?
    26. How do I clear this setInterval inside a function?
    27. Detect double tap on ipad or iphone screen using javascript
    28. How to detect CSS3 resize events
    29. JavaScript/jQuery event listener on image load IE issues
    30. onDeviceReady not firing in PhoneGap hello world app

    Leave a Comment