javascript - 监听 JavaScript 中的所有事件

Question

我正在尝试弄清楚如何监听 JavaScript 对象上的所有事件。

我知道我可以添加像这样的单个事件

element.addEventListener("click", myFunction);
element.addEventListener("mouseover", myFunction);
...

我想弄清楚是否有一个包罗万象的东西，我想做这样的事情:

// Begin pseudocode
var myObj = document.getElementById('someID');

myObj.addEventListener(/*catch all*/, myFunction);

function myFunction() {
  alert(/*event name*/);
}
// End pseudocode

Answer 1

对 @roman-bekkiev 的答案进行更现代的重写:

Object.keys(window).forEach(key => {
    if (/^on/.test(key)) {
        window.addEventListener(key.slice(2), event => {
            console.log(event);
        });
    }
});

以下是进一步自定义事件过滤的示例:

/^on(key|mouse)/.test(key)