欢迎访问 生活随笔!

尊龙游戏旗舰厅官网

当前位置: 尊龙游戏旗舰厅官网 > 前端技术 > javascript >内容正文

javascript

js 基础事件的用法 -尊龙游戏旗舰厅官网

发布时间:2024/10/12 javascript 18 豆豆
尊龙游戏旗舰厅官网 收集整理的这篇文章主要介绍了 js 基础事件的用法 小编觉得挺不错的,现在分享给大家,帮大家做个参考.
// 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('光标激活状态...');// }).blur(function(){// alert('光标丢失状态...');// });// $('#txt').mousedown(function(){// alert('按下');// }) $('#btn').mouseup(function(){alert('抬起');})// mousedown 鼠标按下// mouseup 鼠标按下弹起// mousemove 鼠标拖拽// resize 改变浏览器窗口大小时触发// scroll 滚动条改变时触发// submit 表达提交时触发// mouseover/out 会触发子节点// mouseenter/leave 不会触发子节点

 

转载于:https://www.cnblogs.com/zsongs/p/5312916.html

总结

以上是尊龙游戏旗舰厅官网为你收集整理的js 基础事件的用法的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得尊龙游戏旗舰厅官网网站内容还不错,欢迎将尊龙游戏旗舰厅官网推荐给好友。

网站地图