javascrpt綁定事件之匿名函數(shù)無法解除綁定問題
更新時間：2012年12月06日 18:00:10 作者：
經(jīng)常聽到有人說，匿名函數(shù)綁定事件不好控制啊，無法解除綁定啊，本文將介紹詳細的解決方法，需要的朋友可以參考下
經(jīng)常聽到有人說，匿名函數(shù)綁定事件不好控制啊，無法解除綁定啊等等等等，一直很奇怪誰說的不能解除綁定。
下面來實現(xiàn)click事件2次后，自動解除綁定。
看代碼：
var dom=document.getElementById("test"),clickt=0;
dom.addEventListener("click",function(e){
clickt++;
alert('你摸了我'+clickt+'下了。最多摸2下哦');
if(clickt>=2){
this.removeEventListener(e.type,arguments.callee,false);
}
});
很多擴展庫，比如jquery都可以如此來實現(xiàn)自定義解除綁定：
var t=0;
$(".a").bind("click",function(e){
t++;
alert('你摸了我'+t+'下了。最多摸2下哦');
if(t>=2){
$(this).unbind(e.type,arguments.callee);
}
});
其他的自己去測吧。
下面來實現(xiàn)click事件2次后，自動解除綁定。
看代碼：
復(fù)制代碼 代碼如下:
var dom=document.getElementById("test"),clickt=0;
dom.addEventListener("click",function(e){
clickt++;
alert('你摸了我'+clickt+'下了。最多摸2下哦');
if(clickt>=2){
this.removeEventListener(e.type,arguments.callee,false);
}
});
很多擴展庫，比如jquery都可以如此來實現(xiàn)自定義解除綁定：
復(fù)制代碼 代碼如下:
var t=0;
$(".a").bind("click",function(e){
t++;
alert('你摸了我'+t+'下了。最多摸2下哦');
if(t>=2){
$(this).unbind(e.type,arguments.callee);
}
});
其他的自己去測吧。
相關(guān)文章
這篇文章主要介紹了javascript中的事件模型,其中包括了DOM0級事件模型和DOM2級事件模型（事件捕獲和事件冒泡和DOM2級的注冊事件和解除事件）,需要的朋友可以參考下2017-08-08
input按鈕的事件處理大全,收集的是網(wǎng)頁中常用的一些事件處理，需要的朋友可以收藏下。2010-12-12
如何將光標定位于輸入框最右側(cè)的實現(xiàn)方式，這種做法很多人都需要，本文將詳細介紹，需要的朋友可以參考下2012-12-12
“&&”運算符可以從三個不同的層次進行理解。2013-04-04
這篇文章主要介紹對Javascript對象字面量的理解,通俗易懂,需要的朋友可以參考下。2016-06-06
這篇文章主要介紹了在JavaScript的正則表達式中使用exec()方法,是JS入門學(xué)習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript 庫的相關(guān)資料，文中講解非常細致，幫助大家更好的理解和學(xué)習JavaScript，感興趣的朋友可以了解下2020-07-07
這篇文章主要介紹了JavaScript中的some()方法使用詳解,是JS入門學(xué)習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
JavaScript中的prototype.bind()方法介紹
在JavaScript中，我們經(jīng)常用到函數(shù)綁定，而當你需要在另一個函數(shù)中保持this上下文時，使用Function.prototype.bind()會很方便2014-04-04
這篇文章主要介紹了JavaScript 事件綁定及深入,需要的朋友可以參考下2015-04-04