javascrpt綁定事件之匿名函數(shù)無法解除綁定問題
更新時(shí)間：2012年12月06日 18:00:10 作者：
經(jīng)常聽到有人說，匿名函數(shù)綁定事件不好控制啊，無法解除綁定啊，本文將介紹詳細(xì)的解決方法，需要的朋友可以參考下
經(jīng)常聽到有人說，匿名函數(shù)綁定事件不好控制啊，無法解除綁定啊等等等等，一直很奇怪誰說的不能解除綁定。
下面來實(shí)現(xiàn)click事件2次后，自動(dòng)解除綁定。
看代碼：
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);
}
});
很多擴(kuò)展庫(kù)，比如jquery都可以如此來實(shí)現(xiàn)自定義解除綁定：
var t=0;
$(".a").bind("click",function(e){
t++;
alert('你摸了我'+t+'下了。最多摸2下哦');
if(t>=2){
$(this).unbind(e.type,arguments.callee);
}
});
其他的自己去測(cè)吧。
下面來實(shí)現(xiàn)click事件2次后，自動(dòng)解除綁定。
看代碼：
復(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);
}
});
很多擴(kuò)展庫(kù)，比如jquery都可以如此來實(shí)現(xiàn)自定義解除綁定：
復(fù)制代碼 代碼如下:
var t=0;
$(".a").bind("click",function(e){
t++;
alert('你摸了我'+t+'下了。最多摸2下哦');
if(t>=2){
$(this).unbind(e.type,arguments.callee);
}
});
其他的自己去測(cè)吧。
您可能感興趣的文章:
- 剖析Java中的事件處理與異常處理機(jī)制
- Java添加事件監(jiān)聽的四種方法代碼實(shí)例
- java抓取鼠標(biāo)事件和鼠標(biāo)滾輪事件示例
- java開發(fā)gui教程之jframe監(jiān)聽窗體大小變化事件和jframe創(chuàng)建窗體
- java常見事件響應(yīng)方法實(shí)例匯總
- java基礎(chǔ)之標(biāo)簽、按鈕和按鈕事件簡(jiǎn)介
- 為Java應(yīng)用程序添加退出事件響應(yīng)
- Java List雙擊事件實(shí)現(xiàn)方法
- java隨機(jī)事件分發(fā)器示例
- 經(jīng)常用到的JavasScript事件的翻譯
- Java事件處理機(jī)制（自定義事件）實(shí)例詳解
相關(guān)文章
這篇文章主要介紹了javascript中的事件模型,其中包括了DOM0級(jí)事件模型和DOM2級(jí)事件模型（事件捕獲和事件冒泡和DOM2級(jí)的注冊(cè)事件和解除事件）,需要的朋友可以參考下2017-08-08
input按鈕的事件處理大全,收集的是網(wǎng)頁(yè)中常用的一些事件處理，需要的朋友可以收藏下。2010-12-12
將光標(biāo)定位于輸入框最右側(cè)實(shí)現(xiàn)代碼
如何將光標(biāo)定位于輸入框最右側(cè)的實(shí)現(xiàn)方式，這種做法很多人都需要，本文將詳細(xì)介紹，需要的朋友可以參考下2012-12-12
“&&”運(yùn)算符可以從三個(gè)不同的層次進(jìn)行理解。2013-04-04
這篇文章主要介紹對(duì)Javascript對(duì)象字面量的理解,通俗易懂,需要的朋友可以參考下。2016-06-06
在JavaScript的正則表達(dá)式中使用exec()方法
這篇文章主要介紹了在JavaScript的正則表達(dá)式中使用exec()方法,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript 庫(kù)的相關(guān)資料，文中講解非常細(xì)致，幫助大家更好的理解和學(xué)習(xí)JavaScript，感興趣的朋友可以了解下2020-07-07
這篇文章主要介紹了JavaScript中的some()方法使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-06-06
JavaScript中的prototype.bind()方法介紹
在JavaScript中，我們經(jīng)常用到函數(shù)綁定，而當(dāng)你需要在另一個(gè)函數(shù)中保持this上下文時(shí)，使用Function.prototype.bind()會(huì)很方便2014-04-04
這篇文章主要介紹了JavaScript 事件綁定及深入,需要的朋友可以參考下2015-04-04