动态添加DOM时,绑定的click事件会重复执行

时间:2023-03-09 03:07:36
动态添加DOM时,绑定的click事件会重复执行

最近因为业务需求,需要重写window的alert和confirm弹窗,但是每次显示的提示按钮不相同,所有每次打开的弹窗都需要重写生成,但是对于相同的按钮会保留上次创建时的click事件,所以当你创建了多少次弹窗,你下次单击该按钮就会执行多少次,面对这个问题有两个解决方法:

1,每次关闭弹窗时都将其销毁,destory() 方法,将创建的dom从document中remove()掉;

2,将一些公共的btn设置为公用的dom,不需要每次都进行创建,这样在下一次为其btn绑定click事件时,unbind('click')上一次的click事件,就不会被执行多次了。

建议不要通过  $(ele).on('click',function(){})这种方式绑定事件。 这种方式会将原来的方法添加到新方法中,就会出现执行多次;

处理方式是   $(ele).unbind('click').click(function(){});