javascrpt綁定事件之匿名函數(shù)無(wú)法解除綁定問(wèn)題
更新時(shí)間:2012年12月06日 18:00:10 作者:
經(jīng)常聽到有人說(shuō),匿名函數(shù)綁定事件不好控制啊,無(wú)法解除綁定啊,本文將介紹詳細(xì)的解決方法,需要的朋友可以參考下
經(jīng)常聽到有人說(shuō),匿名函數(shù)綁定事件不好控制啊,無(wú)法解除綁定啊等等等等,一直很奇怪誰(shuí)說(shuō)的不能解除綁定。
下面來(lái)實(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都可以如此來(lái)實(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è)吧。
下面來(lái)實(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都可以如此來(lái)實(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 中的日期和時(shí)間及表示標(biāo)準(zhǔn)介紹
本文為大家詳細(xì)介紹下時(shí)間標(biāo)準(zhǔn)指的是什么?UCT和GMT 的概念、關(guān)聯(lián)和區(qū)別?以及時(shí)間表示標(biāo)準(zhǔn)有哪些?感興趣的朋友可以參考下2013-08-08JavaScript CSS修改學(xué)習(xí)第一章 查找位置
在這一章我會(huì)給出查找頁(yè)面上的元素位置的代碼。他能幫助你找到真正的位置,假如你改變了窗口的尺寸,然后再次運(yùn)行代碼,也會(huì)告訴你新的位置。2010-02-02JavaScript學(xué)習(xí)筆記之Function對(duì)象
這篇文章主要介紹了JavaScript學(xué)習(xí)筆記之Function對(duì)象的相關(guān)資料,需要的朋友可以參考下2015-01-01網(wǎng)絡(luò)傳輸協(xié)議(http協(xié)議)
網(wǎng)絡(luò)傳輸協(xié)議(http協(xié)議)指服務(wù)器和客戶端間進(jìn)行通信時(shí)的約束和規(guī)范,客戶端與服務(wù)端的數(shù)據(jù)交互并不是雜亂無(wú)章的,需要遵照(基于)一定的規(guī)范進(jìn)行,本文主要介紹http超文本傳輸協(xié)議。希望對(duì)大家有所幫助2016-11-11javascript數(shù)據(jù)類型基礎(chǔ)示例教程
今天總結(jié)一下javascript中的數(shù)據(jù)類型,希望大家能對(duì)javascript數(shù)據(jù)類型基礎(chǔ)有扎實(shí)的掌握,祝大家多多進(jìn)步,早日升職加薪2022-03-03ECMAScript5(ES5)中bind方法使用小結(jié)
這篇文章主要介紹了ECMAScript5(ES5)中bind方法使用小結(jié),bind和call以及apply一樣,都是可以改變上下文的this指向的,需要的朋友可以參考下2015-05-05Javascript學(xué)習(xí)筆記一 之 數(shù)據(jù)類型
在接觸每一門編程語(yǔ)言之前,首先明白我們程序設(shè)計(jì)要處理的是數(shù)據(jù),而數(shù)據(jù)又用數(shù)據(jù)類型將其區(qū)分。2010-12-12