jQuery綁定事件的幾種實(shí)現(xiàn)方式
本文實(shí)例為大家分享了jQuery綁定事件多種實(shí)現(xiàn)方法,供大家參考,具體內(nèi)容如下
<html> <head> <meta charset="utf-8" /> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script><!--百度CDN--> </head> <body> <input type="text"/> <input type="button" value="button1"/> <script> $(function(){ var text = $(":text"); var button = $(":button"); //調(diào)試器記錄日志 console.log("message"); 如:火狐瀏覽器,打開(kāi)FireBug(按F12) //觸發(fā)單個(gè)事件:兩種方式 button.bind("mouseover",function(){ console.log("移入"); }); button.bind({ "mouseout": function(){ console.log("移出"); } }); //多個(gè)事件:三個(gè)方式 text.bind("dblclick blur",function(){ console.log("雙擊或者失去焦點(diǎn)"); }); text.bind({ "dblclick blur":function(){ console.log("雙擊或者失去焦點(diǎn)"); } }); text.bind({ "dblclick":function(){ console.log("雙擊"); }, blur:function(){ console.log("失去焦點(diǎn)"); } }); //取消事件 text.unbind("dblclick"); //取消單個(gè)事件 //text.unbind("dblclick blur"); //取消多個(gè)事件 //text.unbind(); //取消全部事件 }); </script> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家繼續(xù)關(guān)注小編為大家分享的精彩文章。
- jQuery事件綁定.on()簡(jiǎn)要概述及應(yīng)用
- 關(guān)于jQuery新的事件綁定機(jī)制on()的使用技巧
- jquery移除、綁定、觸發(fā)元素事件使用示例詳解
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- JQuery中使用on方法綁定hover事件實(shí)例
- jquery單選框radio綁定click事件實(shí)現(xiàn)方法
- jQuery給動(dòng)態(tài)添加的元素綁定事件的方法
- JQuery調(diào)用綁定click事件的3種寫(xiě)法
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- jQuery實(shí)現(xiàn)按鈕只點(diǎn)擊一次后就取消點(diǎn)擊事件綁定的方法
相關(guān)文章
jQuery Jcrop插件實(shí)現(xiàn)圖片選取功能
今天我們要在ASP.NET中用jQuery.Jcrop插件實(shí)現(xiàn)圖片的選取功能,你想選取美女的哪個(gè)部位你說(shuō)了算,我就管不著了2011-11-11jQuery實(shí)現(xiàn)調(diào)整表格單列順序完整實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)調(diào)整表格單列順序的方法,結(jié)合完整實(shí)例形式分析了jQuery響應(yīng)鼠標(biāo)事件及動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06jQuery實(shí)現(xiàn)用戶注冊(cè)的表單驗(yàn)證示例
用戶注冊(cè)的表單往往是需要進(jìn)行驗(yàn)證的,否則會(huì)有一些不否合規(guī)則的數(shù)據(jù)入庫(kù),后果會(huì)不堪設(shè)想,下面為大家詳細(xì)介紹下通過(guò)jquery是如何實(shí)現(xiàn)的,下面有個(gè)示例,感興趣的朋友可以參考下2013-08-08jQuery UI工具提示框部件Tooltip Widget
這篇文章介紹了jQuery UI工具提示框部件Tooltip Widget,對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06jquery中實(shí)現(xiàn)時(shí)間戳與日期相互轉(zhuǎn)換
本文主要利用jquery擴(kuò)展寫(xiě)了一個(gè)myTime對(duì)象,并寫(xiě)了2個(gè)函數(shù)分別處理日期和時(shí)間戳之間的相互轉(zhuǎn)換。2016-04-04基于MVC5和Bootstrap的jQuery TreeView樹(shù)形控件(一)之?dāng)?shù)據(jù)支持json字符串、list集合
這篇文章主要介紹了基于MVC5和Bootstrap的jQuery TreeView樹(shù)形控件(一)之?dāng)?shù)據(jù)支持json字符串、list集合的相關(guān)者,小編推薦使用返回list集合的方法,具體原因大家可以根據(jù)本文學(xué)習(xí)下2016-08-08