在jQuery中绑定事件的更好方法

Question

我正在寻找一种更好的方法将多个事件绑定到jQuery中的单个元素.我试图避免编写多个$(元素).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

到目前为止,所有答案都假设您希望将相同的回调函数绑定到多个事件.如果不是这种情况,请考虑使用.on()事件地图:

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