如何在 Chrome 开发人员工具中查看页面的所有事件?
How to see ALL events of a page in Chrome Developer Tools?
Chrome 开发者 Tools/Elements/Event 听众中不再有过滤器按钮。事件侦听器面板将仅显示元素面板中 select 元素的事件。所以附加到子节点的事件将不会显示。如果我 select body 元素,则不会有任何事件填充“事件侦听器”选项卡。
我使用的是 Chrome 版本 73.0.3683.86。
另外,我在控制台中尝试了 getEventListeners(document) 和 getEventListeners(document.body)。
结果是一个空对象。
我究竟做错了什么?
monitorEvents
对我有用。只需 运行 monitorEvents(object [, events])
在您的控制台中,例如monitorEvents(document.body, "dragenter")
或所有事件 monitorEvents(document.body)
。
停止它 运行 unmonitorEvents(document.body)
.
从这里开始:https://developers.google.com/web/updates/2015/05/quickly-monitor-events-from-the-console-panel
Chrome 开发者 Tools/Elements/Event 听众中不再有过滤器按钮。事件侦听器面板将仅显示元素面板中 select 元素的事件。所以附加到子节点的事件将不会显示。如果我 select body 元素,则不会有任何事件填充“事件侦听器”选项卡。
我使用的是 Chrome 版本 73.0.3683.86。
另外,我在控制台中尝试了 getEventListeners(document) 和 getEventListeners(document.body)。
结果是一个空对象。
我究竟做错了什么?
monitorEvents
对我有用。只需 运行 monitorEvents(object [, events])
在您的控制台中,例如monitorEvents(document.body, "dragenter")
或所有事件 monitorEvents(document.body)
。
停止它 运行 unmonitorEvents(document.body)
.
从这里开始:https://developers.google.com/web/updates/2015/05/quickly-monitor-events-from-the-console-panel