474
社区成员
发帖
与我相关
我的任务
分享如何实现防止点击事件重复触发？
刚刚在开发中遇到一个问题，就是我有一个按钮使用了 @click=fn 进行事件处理，现在我的问题是，有什么好的方法在我的事件处理函数执行完成前禁用按钮的点击事件？
...全文
请发表友善的回复…
发表回复
weixin_38096146 2018-07-11
- 打赏
- 举报
stop修饰符是阻止事件继续传播（冒泡）
weixin_38105839 2018-07-11
- 打赏
- 举报
click.stop
weixin_38075729 2018-07-11
- 打赏
- 举报
yes.
没想到这么多热心的同志。太感谢了，虽然早已解决了。
weixin_38132882 2018-07-11
- 打赏
- 举报
.once 是触发一次回调后解除事件绑定，以后再点都不行了。楼主要的需求是一段时间内忽略更多的点击，需要时还能再点的
weixin_38135532 2018-07-11
- 打赏
- 举报
楼主是为了实现防连打需求的话，vue有个事件修饰符noce应该是最简单的实现方式吧。
weixin_38135390 2018-07-10
- 打赏
- 举报
未按钮绑定disabled属性，点击按钮，设置其disabled=true，然后执行事件，事件执行结束的最后一条语句，再disabled=false，就行了
weixin_38053335 2018-07-10
- 打赏
- 举报
设置disabled = false 默认 再点后 设置 =true 在执行完成 =false
weixin_38064768 2018-07-10
- 打赏
- 举报
写一个变量，变量为true时可以点击，点击后设置为false，点击事件执行完后再置为true
weixin_38089150 2018-07-02
- 打赏
- 举报
weixin_38064730 2018-07-02
- 打赏
- 举报
Vue 没有修改原生事件。根据规范，disabled=true 会阻止交互事件，你的记忆大概混乱了
weixin_38127863 2018-07-02
- 打赏
- 举报
刚刚我试了用了disabled属性没有触发click事件，之前又一次我把按钮禁用了它还会触发click事件，我也忘记是什么情况了，至少今天是没有触发。
weixin_38064773 2018-07-02
- 打赏
- 举报
阻止冒泡~ 貌似jquery中会有点击事件重复发生~
weixin_38138267 2018-07-02
- 打赏
- 举报
weixin_38137331 2018-07-02
- 打赏
- 举报
Vue 对vue绑定的click事件有效吗？
