什么是FireFox的monitorEvents()?

Edu*_*6sp 7 javascript firefox jquery google-chrome devtools

Google Chrome浏览器具有一项可以运行的功能,monitorEvents(document)并且您触发的每个事件都将记录在控制台中。

如何在FireFox中获得类似的功能?

我遇到了这个非常过时的答案,但是Firebug甚至不复存在:使用Firefox,我如何监视所有触发的JavaScript事件?

小智 6

你可以试试这个

function monitorEvents(element) {
  var log = function(e) { console.log(e);};
  var events = [];

  for(var i in element) {
    if(i.startsWith("on")) events.push(i.substr(2));
  }
  events.forEach(function(eventName) {
    element.addEventListener(eventName, log);
  });
}
Run Code Online (Sandbox Code Playgroud)

来源--- https://paul.kinlan.me/monitoring-all-events-on-an-element/

或者,如果您想监视特定DOM元素上的事件,则可以尝试以下方法--- 检查MDN上的事件侦听器

  • 这只会记录该元素可以处理的所有事件。如果您(像我一样)尝试查看元素(例如主体)内发生的所有事件,则应该在捕获阶段进行记录 - `element.addEventListener(eventName, log, true);` (2认同)