jquery - 如何绑定(bind) DOM 元素上的所有事件？

Question

如何使用 jQuery 在 DOM 元素上绑定(bind)所有事件(即 click、keypress、mousedown)，而不列出每个事件单独出去？

例子:

$('#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(' ');
}

然后像这样绑定(bind)所有事件:

var el = $('#some-el');
el.bind(getAllEvents(el[0]), function(e) {
    /* insert your code */
});