学科分类

事件解绑

事件解绑使用off()方法,该方法可以移除通过on()方法添加的事件处理程序,具体语法如下所示。

$('p').off();          // 解除p元素上的所有事件处理程序
$('p').off('click');       // 解绑p元素上的单击事件
$('ul').off('click', 'li');   // 解绑事件委派

上述代码中,off()方法接收的第1个参数为事件类型,表示解除单击事件,如果接收的参数为空,表示解除掉所有事件处理程序。第2个参数表示解绑事件委托。

下面通过代码演示如何使用off()方法解绑事件。

 1  <div>我是div</div>
 2  <script>
 3   $("div").on({
 4    click: function() {
 5     console.log("我被单击了");
 6    },
 7    mouseover: function() {
 8     console.log("鼠标经过我了");
 9    }
 10  });
 11  // 事件解绑
 12  $("div").off(); // 解除div元素的所有事件
 13 </script>

上述代码中,第3~10行通过on()方法为div元素分别绑定单击事件和鼠标移入事件,第12行解除div元素的所有事件。

点击此处
隐藏目录