如何绑定DOM元素上的所有事件？

Question

如何绑定DOM元素上的所有事件？

我怎样才能绑定所有的事件（即click，keypress，mousedown一个DOM元素），使用jQuery，没有单独列出每一个出来？

例：

$('#some-el').bind('all events', function(e) {
    console.log(e.type);});

Answer 1

有一种简单（但不准确）的方法来测试所有事件：function getAllEvents(element) {     var result = [];     for (var key in element) {         if (key.indexOf('on') === 0) {             result.push(key.slice(2));         }     }     return result.join(' ');}然后绑定所有这样的事件：var el = $('#some-el');el.bind(getAllEvents(el[0]), function(e) {     /* insert your code */});

Answer 2

jQuery改变了它保存事件的方式，有几种方法可以根据你使用的版本提取列表。我在插件中封装了“最新”版本，但基本上你想要：var events = $._data($('yourelement')[0], "events");这给出了所有绑定事件的嵌套列表，按“基”事件（无命名空间）分组。但是，我只是意识到你想要所有本机jQuery事件 - 你可以检查$.event，其中有一些在下$.event.special，但接受的答案可能仍然是你最好的选择。您还可以查看jQuery列出的绑定函数。