javascript - 监听Chrome浏览器中的所有事件

Question

我想听我的网站上发生的所有事件。我用monitorEvents()命令，但此命令仅将事件打印到控制台，我想为其设置一个回调函数，以对该数据进行一些操作，而不将其打印到控制台。

有什么聪明的方法可以做到这一点吗？

Answer 1

你可以尝试这样的事情:

var eventsList = ["mousedown", "mouseup", "click", "dblclick", "mousemove",
    "mouseover", "mouseout", "mousewheel", "keydown", "keyup", "keypress", 
    "textInput", "touchstart", "touchmove", "touchend", "touchcancel", "resize",
    "scroll", "zoom", "focus", "blur", "select", "change", "submit", "reset"];

var callbackFunction = function(element, eventName) {
  console.log('Triggered event ' + eventName);
};

var elements = document.querySelectorAll('*');
for (var i = 0; i < elements.length; i++) {
  for (var j = 0; j < eventsList.length; j++) {
    var element = elements[i];
    var event = eventsList[j];

    element.addEventListener(event,
        callbackFunction.bind(this, element, event), true);
  }
}