js 3秒内防止重复点击(提交)

最新推荐文章于 2025-06-27 11:30:48 发布

原创最新推荐文章于 2025-06-27 11:30:48 发布 · 7k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#防止重复点击

js 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个简单的JavaScript解决方案来防止按钮的重复点击。通过定义变量checkClick来标记是否正在处理提交操作，利用setTimeout实现3秒后重置标记状态，从而有效避免了用户在提交过程中重复触发相同的操作。

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

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8">
<meta name="viewport"
   content="width=device-width, initial-scale=1.0, maximum-scale=1.0,maximum-scale=1.0, user-scalable=no">
<title>js禁止重复点击/提交</title>
<script src="../bootstrap/js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="../js/jquery.jedate.js"></script>
<script type="text/javascript">
   var checkClick = false;
   function checkClick () {
       NoClick();
   }
   function NoClick(){
       if (checkClick == true) {
   alert("提交中...");
   return false;
   }
   checkClick = true;

   setTimeout(function() {
   checkClick = false;
   }, 3000);
   return true;
   }
</script>
</head>
<body>
<input value="防止重复点击" type="button" onclick="return checkClick ();">
</body>
</html>