javascript - 如何在 JavaScript 或调试中找到 DOM 节点上的事件监听器？

Question

我有一个页面，其中一些事件监听器附加到输入框和选择框。有没有办法找出哪些事件监听器正在观察特定的 DOM 节点以及针对什么事件？

使用以下方式附加事件:

1. Prototype's Event.observe;
2. DOM 的 addEventListener;
3. 作为元素属性element.onclick。

Answer 1

Chrome、Firefox、Vivaldi 和 Safari 在其开发者工具控制台中支持 getEventListeners(domElement)。

对于大多数调试目的，可以使用它。

下面是一个很好的使用引用:
getEventListeners function

---

评论中 Clifford Fajardo 高度评价的提示:

getEventListeners($0) 将获取您在 Chrome 开发工具中关注的元素的事件监听器。