如何在JavaScript或调试中查找DOM节点上的事件侦听器?

2022-08-29 22:09:54

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

事件附加使用:

  1. 原型 Event.observe;
  2. 多姆addEventListener;
  3. 作为元素属性 。element.onclick

答案 1

Chrome,Firefox,Vivaldi和Safari在其Developer Tools控制台中提供支持。getEventListeners(domElement)

对于大多数调试目的,可以使用此选项。

下面是一个很好的参考来使用它:https://developers.google.com/web/tools/chrome-devtools/console/utilities#geteventlisteners


答案 2

如果您只需要检查页面上发生的情况,则可以尝试使用视觉事件书签。

更新视觉对象事件 2 可用。