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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何禁止用户连续点击一个按钮事件详细JS相关的知识,希望对你有一定的参考价值。

1.防止重复点击可以添加标记,第一次点击后变为false,每次点击判断这个标记是true才执行 2.如果是按钮防止重复点击,可以再按钮点击后,给按钮添加disabled属性,按钮就再也点击不了 举个例子: Document方式一方式二 //第一种方式 var flag = true; 参考技术A 用ajax提交,当用户提交表单的时候把按钮设为disabled,请求http成功后,服务器给客户端响应信息时,再去掉disabled属性。由于你的服务器响应比较慢,最好在请求http的时候,加一个动态效果(比如:加载中...,等等),同样请求成功后隐藏动态效果,个人认为这样给用户的体验感比较好。当然用验证码也可以有效防止表单重复提交。但是看场咯

以上是关于如何禁止用户连续点击一个按钮事件详细JS的主要内容,如果未能解决你的问题,请参考以下文章

jsp提交后,短时间内没切换页面,则样才能禁止用户连续点击提交按钮。。。

JS实现禁止短时间内连续触发事件

android 如何禁止按钮连续点击

Vue js如何防止按钮连续点击两次[重复]

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

如何在用户点击JS中的移动设备中点击按钮时捕获事件