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

Posted 成忠

tags:

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

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

<script>
$(document).ready(function(){  
  $("#submit").click(function(){  
    var nowTime = new Date().getTime();
    var clickTime = $(this).attr("ctime");
    if( clickTime != ‘undefined‘ && (nowTime - clickTime < 5000)){
        alert(‘操作过于频繁,稍后再试‘);
        return false;
     }else{
        $(this).attr("ctime",nowTime);
        alert(‘提交成功‘);
     }       
   });
 });
</script>

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

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

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

android 如何禁止按钮连续点击

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

原生js如何绑定a连接点击事件?

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