淘先锋技术网

首页 1 2 3 4 5 6 7

jQuery on 绑定多个事件绑定是一种灵活的方式,可以在一个元素上绑定多个事件。它是区别于多次使用 bind() 或者 delegate() 函数的一种优雅方式。

$(selector).on({
mouseenter: function(){
//...
},
mouseleave: function(){
//...
},
click: function(){
//...
}
});

如上面的代码所示,通过在on()方法中传递一个对象参数,可以绑定多个事件。其中对象的属性表示事件类型,属性值是事件处理函数。

多个事件处理函数绑定在一个元素上,可以提高代码复用度。同时,也可以在事件处理函数中动态获取当前事件类型。

$(selector).on('click mouseenter mouseleave', function(event){
switch (event.type){
case 'click':
//...
break;
case 'mouseenter':
//...
break;
case 'mouseleave':
//...
break;
}
});

上面的代码展示了如何绑定多个事件类型,并获取事件类型,可以使用 switch case 语句进行判断,执行不同的操作。

总之,jQuery on 绑定多个事件绑定是非常常用的一种方式,既可以提高代码的可读性和可维护性,也可以提高代码复用度。