JavaScript防止多个按钮同时按下的方法
使用JavaScript可以有效地防止多个按钮被同时按下。通过设置按钮的状态，当一个按钮被按下时，禁用其他按钮，直到该按钮的操作完成或一定时间过去后再重新启用。这种方法能够防止用户误操作或系统资源的重复使用。以下是一个简单的实现示例：
// 获取所有按钮
const buttons = document.querySelectorAll('button');
// 遍历每个按钮并添加点击事件监听器
buttons.forEach(button => {
button.addEventListener('click', () => {
// 禁用所有按钮
buttons.forEach(btn => btn.disabled = true);
// 模拟异步操作，例如网络请求或定时器
setTimeout(() => {
// 恢复所有按钮的可点击状态
buttons.forEach(btn => btn.disabled = false);
}, 2000); // 设置为2秒延迟
});
});
此代码确保在任何一个按钮被点击时，所有按钮都被禁用，直到2秒后才恢复可用状态。根据实际需求，可以调整禁用时长或将其集成到更复杂的逻辑中。
文件大小：537B
评论区