jquery 事件- 绑定与解绑

Posted DOIT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 事件- 绑定与解绑相关的知识,希望对你有一定的参考价值。

一、on() 的多事件绑定

$("#elem").on("mouseover mouseout",function(){ }); //多个事件绑定一个函数
$("#elem").on({              //多个事件绑定不同函数
    mouseover:function(){},  
    mouseout:function(){}
});
<div class="left">
    <p class="aaron">
        <a>目标节点</a> //点击在这个元素上
    </p>
</div>
$("div").on("click","p",fn)
事件绑定在最上层div元素上,当用户触发在a元素上,事件将往上冒泡,一直会冒泡在div元素上。
如果提供了第二参数,那么事件在往上冒泡的过程中遇到了选择器匹配的元素p,将会触发事件回调函数

 

 

二、卸载事件 off() 方法

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

根据on绑定事件的一些特性,off方法也可以通过相应的传递组合的事件名,名字空间,选择器或处理函数来移除绑定在元素上指定的事件处理函数。

当有多个过滤参数时,只有与这些参数完全匹配的事件处理函数才会被移除

$("btn").click(function() {
   $(".aaron:first").off(‘mousedown‘);// 移除鼠标按下事件
})

 


以上是关于jquery 事件- 绑定与解绑的主要内容,如果未能解决你的问题,请参考以下文章

jquery中的DOM事件绑定与解绑

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

事件绑定与解绑

javascript 事件绑定与解绑

js元素事件绑定与解绑

js click 与 onclick 事件绑定与解绑