JQuery事件——绑定多事件.on()和卸载事件.off()

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JQuery事件——绑定多事件.on()和卸载事件.off()相关的知识,希望对你有一定的参考价值。

        绑定多事件.on()和卸载事件.off()

1   .on()绑定事件,通过空格分离传递不同的事件名,可以同时绑定多个事件,每一个事件执行自己的回调方法,可以通过第二对象或参数,当一个事件被触发时,要传递给事件处理函数

2   .on()绑定2个事件      $("elem").on("mousedown  mouseup",fn)      

3   快捷方式与on的不同

   on可以自定义事件名

   多个事件绑定同一个函数

   多个事件绑定不同函数

   将数据传递到处理程序

4   事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上,如果提供了第二参数,那么事件再往上冒泡的过程中遇到了选择器匹配的元素,将会触发事件回调函数

5   .off()卸载事件

6   卸载事件off()的方法
   通过.on()绑定的事件处理程序
   通过off() 方法移除该绑定

7   off方法可以通过相应的传递组合的事件名,名字空间,选择器或处理函数来移除绑定在元素上指定的事件处理函数,当有多个过滤参数时,只有与这些参数完全匹配的事件处理函数才会被移除
8   off方法可以
  删除一个事件      $("elem").off("mousedown")
  删除所有事件      $("elem").off("mousedown mouseup")
  快捷方式删除所有事件,这里不需要传递事件名了,节点上绑定的所有事件讲全部销毁      $("elem").off()

以上是关于JQuery事件——绑定多事件.on()和卸载事件.off()的主要内容,如果未能解决你的问题,请参考以下文章

jquery的bind跟on绑定事件的区别

事件的绑定和解绑 (jQuery)

jQuery-3.事件篇---事件绑定与解绑

jquery 事件- 绑定与解绑

jquery绑定事件on()方法

浅谈jquery之on()绑定事件和off()解除绑定事件