js Button点击事件时避免点击频繁的方法

最新推荐文章于 2020-08-19 16:41:12 发布

艾伦蓝

最新推荐文章于 2020-08-19 16:41:12 发布

阅读量424

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/lan12334321234/article/details/84793618

Javascript 专栏收录该内容

116 篇文章

订阅专栏

本文介绍了一种使用JavaScript防止网页表单中按钮被重复点击的技术。通过为按钮元素添加click事件监听器，并利用JavaScript获取当前时间与上次点击时间的时间差来判断是否允许再次提交，有效地避免了用户短时间内重复提交数据的问题。

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


<input type="button" id="submit" value="提交" clickTime = "">

$(document).ready(function(){  
  $("#submit").click(function(){  
    var nowTime = new Date().getTime();
    var clickTime = $(this).attr("ctime");
    // 第一次不进行判断
    if( clickTime && (nowTime - clickTime < 5000)){
        alert('操作过于频繁，稍后再试');// 可以不提示 让其进行点击
        return false;
     }else{
        $(this).attr("ctime",nowTime);
        alert('提交成功');
     }       
   });
 });