jquery - 在 jQuery 中绑定(bind)事件的更好方法

Question

我正在寻找一种更好的方法将多个事件绑定(bind)到 jQuery 中的单个元素。我试图避免编写多个 $(element).bind('event', ...) 或 $(element).event(...) 语句。

代码

// old way    
var textbox = $('input');
$(textbox).focus(function() { ... }
$(textbox).blur(function() { ... }

// new way
$(textbox).extend({
    focus: function() {
           ...
    },
    blur: function() {
            ....
    }
});

不幸的是，这个实现不起作用。有人有更好的建议吗？谢谢。

Answer 1

到目前为止，所有答案都假设您想要将相同的回调函数绑定(bind)到多个事件。如果情况并非如此，请考虑将 .on() 与事件映射一起使用:

$('selector').on({
    focus: function(e) {
        // do something for focus
    },
    blur: function(e) {
        // do something else entirely for blur
    },
    ...
}