본 글의 예시는 참고용으로 jQuery 바인딩 이벤트의 다양한 구현 방법을 공유하고 있습니다. 구체적인 내용은 다음과 같습니다.
<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"); //调试器记录日志 console.log("message"); 如:火狐浏览器,打开FireBug(按F12) //触发单个事件:两种方式 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>
위 내용이 본 글의 전체 내용이기를 바랍니다. 당신의 공부에 도움이 됩니다.