jQuery綁定事件的幾種實現(xiàn)方式
更新時間:2016年05月09日 08:59:33 作者:jerrylsxu
這篇文章主要為大家詳細介紹了jQuery綁定事件的幾種實現(xiàn)方式,感興趣的小伙伴們可以參考一下
本文實例為大家分享了jQuery綁定事件多種實現(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"); 如:火狐瀏覽器,打開FireBug(按F12) //觸發(fā)單個事件:兩種方式 button.bind("mouseover",function(){ console.log("移入"); }); button.bind({ "mouseout": function(){ console.log("移出"); } }); //多個事件:三個方式 text.bind("dblclick blur",function(){ console.log("雙擊或者失去焦點"); }); text.bind({ "dblclick blur":function(){ console.log("雙擊或者失去焦點"); } }); text.bind({ "dblclick":function(){ console.log("雙擊"); }, blur:function(){ console.log("失去焦點"); } }); //取消事件 text.unbind("dblclick"); //取消單個事件 //text.unbind("dblclick blur"); //取消多個事件 //text.unbind(); //取消全部事件 }); </script> </body> </html>
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家繼續(xù)關(guān)注小編為大家分享的精彩文章。
您可能感興趣的文章:
- jQuery事件綁定.on()簡要概述及應(yīng)用
- 關(guān)于jQuery新的事件綁定機制on()的使用技巧
- jquery移除、綁定、觸發(fā)元素事件使用示例詳解
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- JQuery中使用on方法綁定hover事件實例
- jquery單選框radio綁定click事件實現(xiàn)方法
- jQuery給動態(tài)添加的元素綁定事件的方法
- JQuery調(diào)用綁定click事件的3種寫法
- jQuery事件綁定on()、bind()與delegate() 方法詳解
- jQuery實現(xiàn)按鈕只點擊一次后就取消點擊事件綁定的方法
相關(guān)文章
jQuery實現(xiàn)調(diào)整表格單列順序完整實例
這篇文章主要介紹了jQuery實現(xiàn)調(diào)整表格單列順序的方法,結(jié)合完整實例形式分析了jQuery響應(yīng)鼠標事件及動態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06jQuery UI工具提示框部件Tooltip Widget
這篇文章介紹了jQuery UI工具提示框部件Tooltip Widget,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-06-06jquery中實現(xiàn)時間戳與日期相互轉(zhuǎn)換
本文主要利用jquery擴展寫了一個myTime對象,并寫了2個函數(shù)分別處理日期和時間戳之間的相互轉(zhuǎn)換。2016-04-04基于MVC5和Bootstrap的jQuery TreeView樹形控件(一)之數(shù)據(jù)支持json字符串、list集合
這篇文章主要介紹了基于MVC5和Bootstrap的jQuery TreeView樹形控件(一)之數(shù)據(jù)支持json字符串、list集合的相關(guān)者,小編推薦使用返回list集合的方法,具體原因大家可以根據(jù)本文學習下2016-08-08