关于click的多次触发问题(冒泡事件)


1、

问题描述:

在点击事件触发时调用接口,若用户多次点击会造成多次调用接口,有时会引起一些数据错误的问题,如支付页面,点击多次时会在后台生成多个相同订单

解决方法:

(1)加flag,让点击事件只执行一次

(2)若点击元素为button,可在置点击事件执行后设置button disabled属性

2、

问题描述:

同一个点击事件多次绑定,会叠加,执行多次

(click事件不能嵌套)

如下:

$(".submit").click(function(){
alert(1)
$(".submit").click(function(){
alert(2)
})
})

第一次点击,执行结果:1

第二次点击,执行结果:1,2

第三次点击,执行结果:1,2,2

第四次点击,执行结果:1,2,2,2

........

3、涉及到click事件,不能嵌套在其他事件中执行,要将其单独拿出来

这个问题主要是由于事件冒泡引起的,可以将事件绑定在其父元素上

 

 

            

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM