对于快速连续点击操作从而引发的多次执行问题；

devincob

于 2017-11-07 14:00:39 发布

阅读量946

点赞数

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/devincob/article/details/78467284

版权

javascript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍两种防止用户重复点击按钮的方法：一种是通过记录点击时间并判断两次点击是否间隔过短；另一种是在表单提交时禁用提交按钮，并在服务器响应后重新启用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//method1: 
  manyClick() {
       long time = System.currentTimeMillis();   
       if ( time - lastClickTime < 1000) {   
           return true;   
       }   
       lastClickTime = time;   
       return false;   
   }
method2: ajax提交，当用户提交表单的时候把按钮设为disabled，请求http成功后，服务器给客户端响应信息时，再去掉disabled属性。由于你的服务器响应比较慢，最好在请求http的时候，加一个动态效果（比如：加载中...，等等），同样请求成功后隐藏动态效果