Chrome 开发工具：如何查看 HTML 元素的附加事件侦听器

Question

我正在从 Firefox 中调试 JS 切换到 Chrome 中。

我缺少的一件事是：

在 Firefox 中，我可以在 HTML 中看到“[event]”，其中附加了一个自定义事件处理程序。

我认为这个预览非常方便。

在 Chrome 中，我需要显式搜索事件处理程序。

有没有办法在 Chrome 中启用此功能（请参阅树中的事件处理程序）？

Answer 1

您正在寻找的功能可在 google chrome 开发工具中找到

我已经采取了，堆栈溢出页面本身的作业链接，它有一个单击事件处理程序，要查看事件处理程序，请选择右侧部分的“事件监听器”选项卡（以红色突出显示），它有可能被隐藏>> ，点击展开，

如果选中祖先复选框，请取消选中此复选框，然后您将清楚地了解哪个事件（例如单击）、哪个元素（例如锚标记）以及在哪个文件的右侧带有行号，单击它进行导航那里。

希望这就是您正在寻找的。