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ù)關注小編為大家分享的精彩文章。
相關文章
jQuery實現(xiàn)調(diào)整表格單列順序完整實例
這篇文章主要介紹了jQuery實現(xiàn)調(diào)整表格單列順序的方法,結合完整實例形式分析了jQuery響應鼠標事件及動態(tài)操作頁面元素的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2016-06-06jQuery UI工具提示框部件Tooltip Widget
這篇文章介紹了jQuery UI工具提示框部件Tooltip Widget,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2022-06-06基于MVC5和Bootstrap的jQuery TreeView樹形控件(一)之數(shù)據(jù)支持json字符串、list集合
這篇文章主要介紹了基于MVC5和Bootstrap的jQuery TreeView樹形控件(一)之數(shù)據(jù)支持json字符串、list集合的相關者,小編推薦使用返回list集合的方法,具體原因大家可以根據(jù)本文學習下2016-08-08