拦截浏览器中的所有UI事件

Question

有没有办法拦截浏览器中的所有UI（触摸/点击等）事件（用于监视/调试等） - 在JavaScript代码和任何chrome工具中 - 都可以。举个例子，我要将某些事件（通过添加一些属性），并抓住它，当它被处理（甚至不止一次）看到堆栈跟踪等

更新：每一个事件寻找拦截，即使不是代码中的某处传播（冒泡/捕获）

Answer 1

您可以从Event构造函数中获取事件类型的列表。

Object.keys(Event).forEach(function (etype) { 
    document.addEventListener(
     etype.toLowerCase(), console.log.bind(console), false 
    ); 
}); 

由Event interface暴露事件类型常数以下（在桌面的Safari）：

["MOUSEOUT", "FOCUS", "CHANGE", "MOUSEMOVE", 
"SELECT", "BLUR", "KEYUP", "MOUSEDOWN", "MOUSEDRAG", 
"MOUSEUP", "MOUSEOVER", "CLICK", "DBLCLICK", 
"KEYDOWN", "KEYPRESS", "DRAGDROP"]