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 绑定多个事件绑定是非常常用的一种方式,既可以提高代码的可读性和可维护性,也可以提高代码复用度。