javascript - 查找绑定(bind)到特定事件的元素

Question

我有一个元素 $button，我在其上定义了以下事件:

$button.on('draghover', function(event) { ... });

在我的代码的其他地方，我想找到所有具有附加到“draghover”事件的监听器的元素。我期待像 jQuery.getElementsForEvent('draghover') 这样的函数，它会返回一个包含按钮的列表:[ $button ]。

如有任何帮助，我们将不胜感激。

Answer 1

我能想到的唯一解决方案是遍历集合中的每个元素，看看它是否有事件，然后返回过滤后的列表。这是一个示例(在控制台中运行它进行测试):

jQuery('a:last').on('test', function() { alert('hello'); });

jQuery.fn.extend({
    getElementsWithEvent: function(eventName) {
        return this.filter(function(i, element) {
            var flagged = false;
            if ($(element).data('events')) {
                jQuery.each($(element).data('events'), function(i, event) {
                    if (event[0].type == eventName) {
                        flagged = true;
                        return false;
                    }
                });
            }
            return flagged;
        });
    }
});

jQuery('a').getElementsWithEvent('test');