jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)
jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)
<html> <head> <meta charset="utf-8" /> <script src=https://pan.baidu.com/s/1o8GiuOq?qq-pf-to=pcqq.c2c></script> </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>
以上這篇jQuery綁定事件-多種實(shí)現(xiàn)方式總結(jié)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 淺談jQuery的bind和unbind事件(綁定和解綁事件)
- jquery事件綁定解綁機(jī)制源碼解析
- JQuery給元素綁定click事件多次執(zhí)行的解決方法
- jQuery 通過(guò)事件委派一次綁定多種事件,以減少事件冗余
- 淺析jQuery事件之on()方法綁定多個(gè)選擇器,多個(gè)事件
- jQuery使用bind函數(shù)實(shí)現(xiàn)綁定多個(gè)事件的方法
- Jquery on方法綁定事件后執(zhí)行多次的解決方法
- jQuery移除元素自動(dòng)解綁事件實(shí)現(xiàn)思路及代碼
- jQuery事件多次綁定與解綁問(wèn)題實(shí)例分析
相關(guān)文章
JQuery插件iScroll實(shí)現(xiàn)下拉刷新,滾動(dòng)翻頁(yè)特效
下拉自動(dòng)加載進(jìn)行分頁(yè)的運(yùn)用越來(lái)越多,比起傳統(tǒng)的分頁(yè)該方法分頁(yè)用戶體驗(yàn)更好,布局也更簡(jiǎn)單了。目前正在使用和學(xué)習(xí)中……2014-06-06jQuery使用ajax傳遞json對(duì)象到服務(wù)端及contentType的用法示例
這篇文章主要介紹了jQuery使用ajax傳遞json對(duì)象到服務(wù)端及contentType的用法,結(jié)合實(shí)例形式分析了jQuery使用ajax傳遞json對(duì)象數(shù)據(jù)及服務(wù)器響應(yīng)相關(guān)操作技巧,需要的朋友可以參考下2020-03-03jquery的clone方法應(yīng)用于textarea和select的bug修復(fù)
textarea和select的值clone的時(shí)候會(huì)丟掉,在clone的時(shí)候?qū)al再重新賦值一下,如果知道這個(gè)了就加單了2014-06-06幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果
幾行代碼輕松搞定jquery實(shí)現(xiàn)flash8類似的連接效果...2007-05-05jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法,涉及jquery鼠標(biāo)事件及頁(yè)面元素遍歷的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08