在浏览器控制台中监控所有JavaScript事件

Question

是否可以收听所有javascript事件？

我试图猜测在AJAX请求修改DOM之后是否触发了事件.

Answer 1

使用firebug或web检查员,您可以使用monitorEvents:

monitorEvents(myDomElem);

这将打印myDomElem发送到控制台的所有事件.使用unmonitorEvents停止监视事件.

如果您对DOM被操纵后获取事件感兴趣,请查看Mutation Events.

编辑:

据我所知,没有简单的方法来拦截onreadystatechange所有XMLHttpRequest中的所有事件.我能想到的唯一解决方法是使用您自己的实现覆盖本机XMLHttpRequest对象.例如:

(function() { // Overriding XMLHttpRequest
    var oldXHR = window.XMLHttpRequest;

    function newXHR() {
        var realXHR = new oldXHR();

        realXHR.addEventListener("readystatechange", function() { 
            console.log("an ajax request was made") 
        }, false);

        return realXHR;
    }

    window.XMLHttpRequest = newXHR;
})();

毋庸置疑,这是非常hacky,通常是不明智的.

Answer 2

monitorEvents(myDomElem)如果你想要除了鼠标事件之外的所有东西,那么你可以输入Xavi的答案unmonitorEvents(myDomElem, 'mouse').

http://www.briangrinstead.com/blog/chrome-developer-tools-monitorevents有一篇关于使用chrome监视器事件的文章.