JavaScript 点击事件：一个按钮触发另一个按钮

2023-10-06 04:22| 来源: 网络整理| 查看: 265

案例

通过按钮 Click 触发按钮 Wait，弹出信息 Amazing!。

var WaitEle = document.getElementById("WaitEle"); var ClickEle = document.getElementById("ClickEle"); function Go() { WaitEle.onclick(); }

补充解释

给按钮 2 添加点击事件 click 触发按钮 1 的点击事件，就算给按钮 1 添加样式 display: none; 或 visibility: hidden; 隐藏起来也能触发。

按钮 1 按钮 2 const BTN1 = document.getElementById('btn1'); const BTN2 = document.getElementById('btn2'); // 给按钮 2 添加点击事件 BTN2.addEventListener('click', () => { BTN1.onclick(); // 按钮 2 点击后触发按钮 1 的 `onclick` // BTN1.click(); // 按钮 2 点击后触发按钮 1 的 `click`，效果一样 });

历史版本

JavaScript点击事件/一个按钮触发另一个按钮 2017-03-20

本博客所有的原创文章，作者皆保留版权。转载必须包含本声明，保持本文完整，并以超链接形式注明作者后除和本文原始地址：JavaScript 点击事件：一个按钮触发另一个按钮 – 后除

（完）

【本文地址】

公司简介

联系我们