时间:2021-05-26
用‘on'函数为一个新增的按钮绑定了一个事件,这是事件会触发多次。
<html> <head> <meta name="viewport" content="width=device-width" /> <title>码上飘</title> <script src="/FrontStyle/js/jquery-1.11.2.min.js" type="text/javascript"></script> <script> $(function(){ $('#btn1').click(function () { $('#btnBind').on('click',function () { alert(123); }); }); }) </script> </head> <body> <input id="btn1" type="button" value="确认" /> <input id="btnBind" type="button" value="绑定按钮" /> </body> </html>如上面的代码,如果你点击多次'btn1'按钮,那么就会绑定多少次click事件到'btnBind'按钮上,on是绑定多少次就触发多少次的。
解决方案:
1.要想它只绑定一次,可以先'off'解绑然后再'on'。
$('#btnBind').off('click').on('click',function () { alert(123); });2.执行一次后解绑unbind()
$('#btn1').click(function () { $('#btnBind').on('click',function () { alert(123); });<BR> $("#btnBind").unbind("click") });以上这篇Jquery on绑定的事件 触发多次实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
最近发现jQuery一个对象的事件可以重复绑定多次,当事件触发的时候会引起代码多遍执行。下面是一个click事件被重复绑定的示例:functionreg_but
javascript的mouseover和mouseout事件,在绑定元素内部有子元素的情况下,经过绑定元素时会多次触发mouseover和mouseout事件
1.清空input标签值得时候,不能用html("")清空,要用val("")清空2.事件如果绑定多次,触发事件后,回调函数也会执行多次,所有最好把绑定事件的函
一个JavaScript逻辑,会自动绑定函数到按钮的click事件,但是这段代码会反复注册事件。这样依赖onNext函数会在点击一次按钮的时候多次触发。这是JQ
在jQuery中,on方法可以为元素绑定事件,trigger方法可以手动触发事件,围绕这2个方法,我们来体验jQuery中的观察者模式(ObserverPatt