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

最新推荐文章于 2025-04-25 16:35:28 发布

原创最新推荐文章于 2025-04-25 16:35:28 发布 · 967 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

42 篇文章

订阅专栏

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

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