// 1.9以上用on// 案例一// $('#btn').on('click', function(){// //console.log(1);// alert('測(cè)試...');// });// 案例二// $('#btn').on('click mouseover', function(){// //console.log(1);// alert('測(cè)試...');// });// 案例三// $('#btn').on('mouseover mouseout', function(){// $('#div1').html(function(index, value){// return value+'1';// });// });// 案例四// $('#btn').on({// // 鍵值用引號(hào)也可以// mouseover: function(){// alert('移入...');// },// mouseout: function(){// alert('移出...');// } // });// on()與 off()的用法// $('#btn').on('click mouseover', function(){// alert('鼠標(biāo)移入...');// });// $('#btn').off('mouseover');// // $('#btn').on('click', fn1);// $('#btn').on('click', fn2);// $('#btn').off('click', fn2);// function fn1(){// alert('fn1');// }// function fn2(){// alert('fn2');// }// $('form').submit(function(){// alert('表單提交了');// });// focus(), blur()// $('#txt').focus(function(){// alert('光標(biāo)激活狀態(tài)...');// }).blur(function(){// alert('光標(biāo)丟失狀態(tài)...');// });// $('#txt').mousedown(function(){// alert('按下');// }) $('#btn').mouseup(function(){alert('抬起');})// mousedown 鼠標(biāo)按下// mouseup 鼠標(biāo)按下彈起// mousemove 鼠標(biāo)拖拽// resize 改變?yōu)g覽器窗口大小時(shí)觸發(fā)// scroll 滾動(dòng)條改變時(shí)觸發(fā)// submit 表達(dá)提交時(shí)觸發(fā)// mouseover/out 會(huì)觸發(fā)子節(jié)點(diǎn)// mouseenter/leave 不會(huì)觸發(fā)子節(jié)點(diǎn)

?

轉(zhuǎn)載于:https://www.cnblogs.com/zsongs/p/5312916.html

總結(jié)

以上是生活随笔為你收集整理的JS 基础事件的用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。