如何用 JavaScript 控制多个按钮的事件执行，使点击指定按钮后其他按钮失效？

按钮事件控制

如何在 html 中控制多个按钮的事件执行，让指定按钮点击后其他按钮失效，只执行该按钮的事件函数？

解决方案：

1. 获取按钮对象：使用 document.queryselector() 或 getelementbyid() 方法获取触发点击事件的按钮的引用：

const buttona = document.queryselector('button#button-a');

2. 禁用按钮：设置其他按钮的 disabled 属性为 true，禁用其事件执行：

const buttonsbc = document.queryselectorall('button:not(#button-a)');
buttonsbc.foreach(button => button.disabled = true);

3. 启用触发点击的按钮：为触发点击事件的按钮设置 disabled 属性为 false，恢复其事件执行：

buttonA.disabled = false;

替代方法：

• 每个按钮只执行自身事件：如果每个按钮只需执行其自身的事件，则不需要禁用其他按钮。

以上就是如何用 JavaScript 控制多个按钮的事件执行，使点击指定按钮后其他按钮失效？的详细内容，更多请关注其它相关文章！