javascript - 使用 Jquery 延迟提交按钮单击

Question

我是 Jquery 的新手，我的问题是我可以延迟点击提交按钮吗，例如，提交后你不能点击提交按钮 1 秒，这样我可以防止点击提交按钮上的垃圾邮件

这是我的点击事件

$("#btnConfirmEditNo").click(function (e) {
        e.preventDefault();
        $('#editContactForm').validationEngine('hide');
        editwnd.close();
    });

还尝试了 settimeout() 但它延迟了窗口的关闭

Answer 1

这个例子可能对你有帮助:

使用开-关

function handleClick(evt) {
     $( "#btn" ).prop( "disabled", true );
     setTimeout(function() {
       $( "#btn" ).prop( "disabled", false );
       $('#btn').on('click', handleClick);       
     }, 1000);
     $( this ).off( event );     
}

$('#btn').on('click', handleClick);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">Click Me</button>

使用一个

function handleClick(evt) {
     $( "#btn" ).prop( "disabled", true );
     setTimeout(function() {
       $( "#btn" ).prop( "disabled", false );
       $('#btn').one('click', handleClick);       
     }, 1000);     
}

$('#btn').one('click', handleClick);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="btn">Click Me</button>