// 1.9以上用on// 案例一// $('#btn').on('click', function(){// //console.log(1);// alert('測試...');// });// 案例二// $('#btn').on('click mouseover', function(){// //console.log(1);// alert('測試...');// });// 案例三// $('#btn').on('mouseover mouseout', function(){// $('#div1').html(function(index, value){// return value+'1';// });// });// 案例四// $('#btn').on({// // 鍵值用引號也可以// mouseover: function(){// alert('移入...');// },// mouseout: function(){// alert('移出...');// } // });// on()與 off()的用法// $('#btn').on('click mouseover', function(){// alert('鼠標移入...');// });// $('#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('光標激活狀態(tài)...');// }).blur(function(){// alert('光標丟失狀態(tài)...');// });// $('#txt').mousedown(function(){// alert('按下');// }) $('#btn').mouseup(function(){alert('抬起');})// mousedown 鼠標按下// mouseup 鼠標按下彈起// mousemove 鼠標拖拽// resize 改變?yōu)g覽器窗口大小時觸發(fā)// scroll 滾動條改變時觸發(fā)// submit 表達提交時觸發(fā)// mouseover/out 會觸發(fā)子節(jié)點// mouseenter/leave 不會觸發(fā)子節(jié)點

?

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

總結(jié)

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

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