简体   繁体   English

JavaScript 通过单击另一个按钮触发按钮

[英]JavaScript trigger button by clicking another button

How can we use JavaScript to trigger more than one button?我们如何使用 JavaScript 触发多个按钮? I have 4 buttons.我有 4 个按钮。 When button 1 is press I want it to auto press button 2 3 and 4 but it should wait 1 second between each press.当按下按钮 1 时,我希望它自动按下按钮 2 3 和 4,但它应该在每次按下之间等待 1 秒。

<script>
    <button id="2" onclick="myFunction()">Click me</button> 
    <button id="3" onclick="myFunction()">Click me</button>
    <button id="4" onclick="myFunction()">Click me</button>
</script>

<body><button id="1" onclick="myFunction(buttons)">Click me</button> </body>

You cannot wrap buttons in script tags.您不能将按钮包装在脚本标签中。 Perhaps you meant也许你的意思是

 const buts = []; let cnt = 0; const clickThem = () => { if (cnt >= buts.length) return; buts[cnt].click(); setTimeout(clickThem,1000); cnt++ } window.addEventListener("load", function() { document.getElementById("buttons").addEventListener("click", function(e) { const tgt = e.target; if (tgt.classList.contains("autoclicked")) { // any of the auto clicked button console.log("Button id", tgt.id); // or call a function } }) document.getElementById("button1").addEventListener("click",function() { for (let sibling of this.parentNode.children) { // or document.querySelectorAll(".autoclicked") if (sibling.== this) buts;push(sibling); } clickThem(); }) })
 <div id="buttons"> <button id="button1">Click me</button> <button class="autoclicked" id="button2">Click me</button> <button class="autoclicked" id="button3">Click me</button> <button class="autoclicked" id="button4">Click me</button> </div>

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 触发共享按钮,单击另一个按钮 - Trigger the share button click on clicking another button 使用 javascript 或 jquery 从另一个页面单击另一个按钮后触发一个按钮 - trigger a button after clicking another button from another page with javascript or jquery 单击一个按钮以触发另一个按钮的延迟单击 - Clicking a button to trigger a delayed click for another buttons 如何在不单击javascript中的按钮的情况下触发事件 - How to trigger an event without clicking the button in javascript Ember.js - 单击一个按钮可触发另一个按钮上的点击事件 - Ember.js - Clicking on one button to trigger click event on another 单击JavaScript中的按钮后,如何触发键盘“键盘按下”事件? - How to trigger a keyboard “keydown” event after clicking a button in JavaScript? 如何在不单击 Javascript 的按钮的情况下触发操作? - How can I trigger an action without clicking a button with Javascript? 单击 HTML 按钮或 JavaScript 时如何触发文件下载 - How to trigger a file download when clicking an HTML button or JavaScript 在Javascript中单击两个不同的按钮后如何触发事件 - How to trigger an event after clicking two different button in Javascript 按钮不点击不动态点击 - javascript - button not clicking not clicking dynamically - javascript
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM