JavaScript 事件日志

Question

有什么办法可以查看JS正在执行哪些事件。例如，假设我有点击事件被触发，然后按键...现在我想要这些触发事件的日志。有没有办法可以获得这样的触发事件日志（可能带有函数名称，但这是可选的）？编辑：我想我需要为此添加一个细节。我想记录所有事件。如果有一些我不知道的自定义事件，我想知道它的名称。出于这个原因，我不能只监视我知道的某些事件，也不能监视那些我不知道的事件。编辑 2：日志应仅包含附加了特定侦听器的元素的事件。例如通过$('#test-element').on(...)或testElement.addEventListener(...)。同样，事件的名称是未知的（不必是 click/keypress/...）。

Answer 1

用你想要附加的监听器填充数组，然后记录它们的类型；

['click','onkeypress'].forEach( evt => 

        element.addEventListener(evt, log, false)

);

log = (event) => {

    console.log(event.type)

}

Answer 2

Chrome 提出了一个你可以使用的监控功能：monitorEvents

如果我没记错的话，下面的 javascript 行应该记录所有内容：

monitorEvents(document);

如果您只想观看特定事件，可以使用第二个参数：

monitorEvents(document, 'click');

您当然可以自由地将文档替换为您想要观看的任何对象。