javascript - 有兴趣跟踪用户浏览网站时触发的事件

Question

我想知道是否可以这样做:

在我的站点中，我使用了很多 jQuery 插件，这些插件会触发我不知道的不同事件。

有没有一种方法 - 程序、浏览器插件或其他方式 - 我可以浏览网站并获取每次点击时触发的确切 javascript 事件的列表？

例如，我有一个 jQuery 插件，当我右键单击任何元素时，会显示自定义上下文菜单，然后当我单击其中一个选项时，会出现其他内容。我需要确切地知道触发了哪些 Javascript 基本事件:

 $('input:submit, button:submit').rightClick(function (e) {
    $(this).contextMenu('contextMenuInput', {
        'Capture This': {
            click: function (element) {   // element is the jquery obj clicked on when context menu launched
                doSomething();
            },
            klass: "kgo" // a custom css class for this menu item (usable for styling)
        },
        'Create List': {
            click: function (element) {
            },
            klass: "kfilter kdisabled"
        },
        'Collect Data': {
            click: function (element) {
            },
            klass: "kcapture kdisabled"
        }
    },
    { disable_native_context_menu: true }
);
});

有人知道吗？

Answer 1

您可以使用以下代码显示当前绑定(bind)的事件....

这是使用此代码的示例:http://jsfiddle.net/manseuk/CNjs3/

(function($) {
    $.eventReport = function(selector, root) {
        var s = [];
        $(selector || '*', root).andSelf().each(function() {
            var e = $.data(this, 'events');
            if(!e) return;
            s.push(this.tagName);
            if(this.id) s.push('#', this.id);
            if(this.className) s.push('.', this.className);
            for(var p in e) s.push('\n', p);
            s.push('\n\n');
        });
        return s.join('');
    }
    $.fn.eventReport = function(selector) {
        return $.eventReport(selector, this);
    }
})(jQuery);

像这样使用它->

// all events
alert($.eventReport());

// just events on inputs
alert($.eventReport('input')); 

// just events assigned to this element
alert($.eventReport('#myelement')); 

// events assigned to inputs in this element
alert($.eventReport('input', '#myelement')); 
alert($('#myelement').eventReport('input')); // same result

// just events assigned to this element's children
alert($('#myelement').eventReport()); 
alert($.eventReport('*', '#myelement'); // same result

根据评论更新

如果您想查看与这些事件绑定(bind)的是什么，这是一个很好的工具 -> http://www.sprymedia.co.uk/article/Visual+Event