js click防止重复提交

document.getElementById('submitBtn').addEventListener('click', function() {
    var btn = this;
    btn.disabled = true; // 禁用按钮

    // 模拟异步操作，例如表单提交
    setTimeout(function() {
        btn.disabled = false; // 操作完成后启用按钮
        alert('提交成功！');
    }, 2000);
});

function debounce(func, wait) {
    let timeout;
    return function(...args) {
        clearTimeout(timeout);
        timeout = setTimeout(() => func.apply(this, args), wait);
    };
}

document.getElementById('submitBtn').addEventListener('click', debounce(function() {
    // 执行提交操作
    console.log('提交中...');
}, 1000));

let isSubmitting = false;

document.getElementById('submitBtn').addEventListener('click', function() {
    if (isSubmitting) return; // 如果正在提交，则直接返回
    isSubmitting = true;

    // 执行提交操作
    setTimeout(function() {
        isSubmitting = false;
        alert('提交成功！');
    }, 2000);
});