jQuery取消特定的click事件
本文實(shí)例講述了jQuery取消特定的click事件實(shí)現(xiàn)方法。分享給大家供大家參考,具體如下:
眾所周知, jQuery可以多次綁定同一種事件, 而且綁定的每個事件都可以執(zhí)行。 問題來了, 在動態(tài)生成的DOM中, 我們?yōu)槟骋辉亟壎藘煞N不同的click(假設(shè)為A、B), append元素時, 所有元素又綁定一次B, …… 這樣會導(dǎo)致最后點(diǎn)擊時B事件會成倍往上翻。
幸運(yùn)的是,jQuery 為我們提供了很優(yōu)雅的方式, 來取消特定命名空間下的click.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>無標(biāo)題頁</title> <script src="jquery/jquery.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $("#divTest").click(function(){ alert("正式事件。"); }); }); function bindEvent(){ for(var i=0;i<3;i++){ $("#divTest").bind("click.test",function(){ testEvent(); }); } } function testEvent(){ alert("測試事件"); } function ignoreMultiEvent(){ $("#divTest").unbind("click.test").bind("click.test",function(){ testEvent(); }); } </script> </head> <body> <div id="divTest" style="height: 163px;text-align:center;line-height:163px;width: 500px; background-color: #0000FF;"> 點(diǎn)我進(jìn)行測試 </div> <input id="Button2" type="button" value="為上面的DIV綁定3次測試事件" onclick="bindEvent()" /> <input id="Button1" type="button" value="保留正式事件, 取消已綁定的多次測試事件,再綁定一次測試事件 " onclick="ignoreMultiEvent()" /> </body> </html>
更多關(guān)于jQuery相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《jQuery拖拽特效與技巧總結(jié)》、《jQuery擴(kuò)展技巧總結(jié)》、《jQuery常見經(jīng)典特效匯總》、《jQuery動畫與特效用法總結(jié)》、《jquery選擇器用法總結(jié)》及《jQuery常用插件及用法總結(jié)》
希望本文所述對大家jQuery程序設(shè)計(jì)有所幫助。
- jquery動態(tài)改變onclick屬性導(dǎo)致失效的問題解決方法
- 使用jQuery的attr方法來修改onclick值
- jquery移除button的inline onclick事件(已測試及兼容瀏覽器)
- jquery應(yīng)該如何來設(shè)置改變按鈕input的onclick事件
- jquery單選框radio綁定click事件實(shí)現(xiàn)方法
- JQuery調(diào)用綁定click事件的3種寫法
- jQuery中click事件的定義和用法
- Jquery為DIV添加click事件的簡單實(shí)例
- jQuery綁定事件方法及區(qū)別(bind,click,on,live,one)
- jQuery動態(tài)移除與增加onclick屬性的方法詳解
相關(guān)文章
jquery關(guān)于圖形報表的運(yùn)用實(shí)現(xiàn)代碼
jquery 關(guān)于圖形報表的運(yùn)用實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-01-01jquery.blockUI.js上傳滾動等待效果實(shí)現(xiàn)思路及代碼
上傳滾動等待效果想必大家在很多場合都有見過吧,本文將介紹jquery.blockUI.js實(shí)現(xiàn)上傳滾動等待效果,感興趣的你可不要錯過了哈,希望可以幫助到你2013-03-03TextArea不支持maxlength的解決辦法(jquery)
自己寫了一個jquery的擴(kuò)展,這樣就可以很容易實(shí)現(xiàn)對textarea控制最大長度了。2011-09-09jquery插件開發(fā)注意事項(xiàng)小結(jié)
Jquery是繼prototype之后又一個優(yōu)秀的Javascrīpt框架。它是輕量級的js庫(壓縮后只有21k) ,它兼容CSS3,還兼容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)2013-06-06jQuery Ajax調(diào)用WCF服務(wù)詳細(xì)教程
這篇文章主要介紹了jQuery Ajax調(diào)用WCF服務(wù)詳細(xì)教程,本文講解了從WFC編程到JQUERY調(diào)用的詳細(xì)步驟,并總結(jié)了使用中遇到的問題和解決方法,需要的朋友可以參考下2015-03-03html中的input標(biāo)簽的checked屬性jquery判斷代碼
input 標(biāo)簽具有checked屬性,而當(dāng)input標(biāo)簽的type屬性設(shè)為button時,如果給input標(biāo)簽的checked屬性賦值時,在vs中會報錯,提示 特性checked不是元素input的有效特性2012-09-09