首页> 基础笔记 >JS/JQ基础学习 >Jquery Jquery

jQuery移除事件unbind用法

作者:小萝卜 2023-03-24 浏览 466

简介unbind([type][,data])。 如果没有参数则删除所有的事件。 如果提供了事件的类型做参数,则只删除该类型参数的绑定的事件。 如果把绑定的的函数名称作为参数,那么只删除对应的函数。

unbind方法只能解绑用jQuery的bind方法以及用jquery方法注册的事件处理程序。比如:$(‘a').click(function(){})可以通过unbind解绑。用原生addEventListener以及IE下的attachEvent注册的事件以及使用onclick/onmouseover属性绑定的事件不能通过unbind进行解绑。

例如:

以下的事件可以通过unbind解绑:

$('a').click(function(){}); 
$('a').bind('click',function(){})

以下的事件不可以通过unbind解绑

var a = document.getElementById('a'); 
a.addEventListener(a,function(){},false); 
a.onclick = function(){}

二、使用方式:

传入一个或者多个事件名称字符串,可以解绑该元素上指定的处理事件。

例如:

//解绑所有a上的click事件 
$('a').unbind('click'); 
//解绑a上的所有mouseover以及mouseoverout事件 
$('a').unbind('mouseover mouseout');

以上方式比较粗暴,如果在多模块开发中,可能会直接把别的模块注册的处理函数给解绑了。所以可以采用命名空间的方式进行解绑。

例如:

$('a').unbind('click.myspace') 
$('a').unbind('mouseover.myspace,mouseout.myspace)

使用事件处理程序的引用进行解绑。此时第一个参数是事件名称,第二个参数是事件处理函数名称

function handler(){ alert('hello'); } 
$('a').bind('click',handler); 
$('a').unbind('click',handler);

传入一个对象给unbind,取消该对象的所有key的名称对应的事件,value是绑定的事件处理函数名称。如下: 

$('a').unbind({ mouseover: mouseoverHandler, mouseout: mouseoutHandler });

传入一个jQuery Event对象给unbind,也可以解绑该event对应的处理函数。例如:

$('a').click(function(event){ 
    if(条件满足){ $('a').unbind(event); } 
});

注意:调用unbind(event)方法就相当于调用unbind(事件类型,事件处理函数名称)

 

很赞哦! (0)

文章评论

    高端网站建设