OiO.lk Community platform!

Oio.lk is an excellent forum for developers, providing a wide range of resources, discussions, and support for those in the developer community. Join oio.lk today to connect with like-minded professionals, share insights, and stay updated on the latest trends and technologies in the development field.
  You need to log in or register to access the solved answers to this problem.
  • You have reached the maximum number of guest views allowed
  • Please register below to remove this limitation

Chrome DevTools: How to see attached event listeners for a DOM element

  • Thread starter Thread starter guettli
  • Start date Start date
G

guettli

Guest
I am switching from debugging JS in Firefox to Chrome's development tools.

One thing that I am missing is this:

chrome-dev-tool-are-missing-even-handler-preview

Firefox's Inspector tab shows an "[event]" label, indicating that there is a custom event handler attached. I think this preview is very handy.

But in Chrome, I need to explicitly search for the event handler.

Is there a way to enable this feature (see event handlers in the tree) in Chrome, too?

<p>I am switching from debugging JS in Firefox to Chrome's development tools.</p>
<p>One thing that I am missing is this:</p>
<p><a href="https://i.sstatic.net/ox4pj.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/ox4pj.png" alt="chrome-dev-tool-are-missing-even-handler-preview" /></a></p>
<p>Firefox's <em>Inspector</em> tab shows an "[event]" label, indicating that there is a custom event handler attached. I think this preview is very handy.</p>
<p>But in Chrome, I need to explicitly search for the event handler.</p>
<p>Is there a way to enable this feature (see event handlers in the tree) in Chrome, too?</p>
 

Latest posts

Top