js防止用户快速点击，js阻止点击事件冒泡

如何禁止用户连续点击一个按钮事件详细JS

1、可以添加标记，第一次点击后变为false，每次点击判断这个标记是true才执行。如果是按钮防止重复点击，可以再按钮点击后，给按钮添加disabled属性。

2、用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

3、用keydown和keyup事件同时进行控制，比如有一个变量，当该按键摁下时为false，按键摁起是为true。我的代码里你只需要修改两处就可以了。

4、在上次请求还没处理完，就再次点击按钮。这对于我们开发来说，这是bug。如何解决或避免这个问题呢？一般来说有两种情况。

相关问答

Q1: 详解小程序如何避免多次点击,重复触发事件

目前总结解决方法：同时需要设置模块的函数，函数都可放置在util.js中去。

玩微信小程序游戏显示重复出现问题由于终端性能的问题原因。子内容块和父内容块都设置了点击事件，当子内容块除非点击事件时，父内容块也会触发点击事件，这是终端性能的问题。

题主是否想询问“微信小程序一个按钮点击次数不同触发时间不同怎么办”？设置参数，事件执行前设置，事件执行开始时，加入代码，执行完初始化。设置参数is_first_action为true。

点击事件绑定不正确。在canvas中绑定点击事件时，需要在canvas上绑定而不是canvas内部的某个元素上绑定，否则点击事件会失效。需要在canvas上绑定点击事件，然后判断点击位置是否在绘制的图形上。点击事件的触发区域过小。

//防止重复、先直接设置FALSE，等返回值再设置 //不要问为啥has_more直接设置FALSE，因为他妹的request只有异步。。

了解小程序的项目结构，各文件构成；也是最关键的，彻底搞明白demo1的wxml，wxss和js代码，了解页面如何跳转，事件如何触发，WXML如何编写，api如何调用等。

Q2: jQuery如何防止相同的事件快速重复触发的方法

方式一：event.stopPropagation()；方式二：event.preventDefault()；方式三：return false；区别：event.stopPropagation() 只阻止事件往上冒泡，不阻止事件本身。event.preventDefault()则只阻止事件本身，不阻止事件往上冒泡。

用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

设置一个全局变量，在滚动前设置一个特定值，在滚动完成后改变成另一个值。

stop() 方法停止当前正在运行的动画。语法：(selector).stop(stopAll，goToEnd)stopAll 可选。规定是否停止被选元素的所有加入队列的动画。goToEnd 可选。规定是否允许完成当前的动画。

Q3: 前端js防止用户恶意操作,重复点击按钮事件

可以添加标记，第一次点击后变为false，每次点击判断这个标记是true才执行。如果是按钮防止重复点击，可以再按钮点击后，给按钮添加disabled属性。

点击事件是执行网络请求（提交评论，验证码，支付）这种情况下可以在请求执行之前显示一个模式的加载框，请求完成后再关闭加载框。

很多时候事件会被快速重复触发，比如 click，这样就会执行两次代码，造成很多后果。

最重要的一点，前端的代码只能防止不懂js的用户，如果碰到懂得js的编程人员，那js方法就没用了。设置HTTP报头，控制表单缓存，使得所控制的表单不缓存信息，这样用户就无法通过重复点击按钮去重复提交表单。

disabled后，避免不了程序构造HTTP包的恶意提交。比较完美的解决方法是， 在Form页面加载的时候， 服务器传送一个Token值给客户端， 这个Token是随机生成的，不可重复的。 同时服务器将这个Token放入Session里。

其实你不需要担心用户在地址栏输入 JavaScript 代码，如果代码对网页结构造成影响，那只对此用户生效，对其它用户没有影响。现在有的浏览器直接过滤以 javascript： 开头的网址，大部分浏览器也都有相关选项。

Q4: js怎么避免click短时间的多次执行

可以添加标记，第一次点击后变为false，每次点击判断这个标记是true才执行。如果是按钮防止重复点击，可以再按钮点击后，给按钮添加disabled属性。

用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。

很多时候事件会被快速重复触发，比如 click，这样就会执行两次代码，造成很多后果。

可以用jQuery的one方法只执行一次。

Q5: 怎么禁止form表单连续快速点击多次提交

1、form表单的action地址不正确，这样就无法提交到正确的地址。限制submit事件。只需要将按钮设置成disabled就可以了。

2、使用浏览器历史记录重复提交表单。浏览器重复的HTTP请求。网页被恶意刷新。

3、/form 在上例中，如果用户已经单击“提交”按钮，该脚本会自动记录当前的状态，并将submitcount变量自加1，当用户试图再次提交时，脚本判断submitcount变量值非零，提示用户已经提交，从而避免重复提交表单。

4、php禁止重复提交表单的方法：首先从前端做限制。前端JavaScript在按钮被点击一次后禁用，即disabled，这个方法简单的防止了多次点击提交按钮，但是缺点是如果用户禁用了javascript脚本则失效。

关于js防止用户快速点击和js阻止点击事件冒泡的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。