這篇文章主要介紹jQuery如何使用unbind方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
我們提供的服務有:網站建設、網站設計、微信公眾號開發(fā)、網站優(yōu)化、網站認證、大寧ssl等。為近千家企事業(yè)單位解決了網站和推廣的問題。提供周到的售前咨詢和貼心的售后服務,是有科學管理、有技術的大寧網站制作公司
一、前言
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');
以上方式比較粗暴,如果在多模塊開發(fā)中,可能會直接把別的模塊注冊的處理函數(shù)給解綁了。所以可以采用命名空間的方式進行解綁。
例如:
$('a').unbind('click.myspace') $('a').unbind('mouseover.myspace,mouseout.myspace)
使用事件處理程序的引用進行解綁。此時第一個參數(shù)是事件名稱,第二個參數(shù)是事件處理函數(shù)名稱
function handler(){ alert('hello'); } $('a').bind('click',handler); $('a').unbind('click',handler);
傳入一個對象給unbind,取消該對象的所有key的名稱對應的事件,value是綁定的事件處理函數(shù)名稱。如下:
$('a').unbind({ mouseover: mouseoverHandler, mouseout: mouseoutHandler });
傳入一個jQuery Event對象給unbind,也可以解綁該event對應的處理函數(shù)。例如:
$('a').click(function(event){ if(條件滿足){ $('a').unbind(event); } });
注意:調用unbind(event)方法就相當于調用unbind(事件類型,事件處理函數(shù)名稱)
以上是“jQuery如何使用unbind方法”這篇文章的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!