如何在 Chrome 开发者工具中查看页面的所有事件?

Tib*_*riu 8 javascript event-listener google-developer-tools

Chrome 开发者工具/元素/事件监听器中不再有过滤器按钮。“事件侦听器”面板将仅显示您在“元素”面板中选择的元素的事件。所以附加到子节点的事件不会显示。如果我选择 body 元素,则不会有事件填充“事件侦听器”选项卡。
我正在使用 Chrome 版本 73.0.3683.86。
另外,我在控制台中尝试getEventListeners(document)getEventListeners(document.body)
结果是一个空对象。我究竟做错了什么?在此处输入图片说明

And*_*lin 14

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

  • 不幸的是,这只适用于将其输入控制台。因此,例如,尝试监视和发现在加载第 3 方脚本期间触发的所有“事件”,这是行不通的。 (2认同)