在 JavaScript 中单击两个按钮时如何运行函数答案

【问题标题】：How do I run a function when two buttons are click in JavaScript在 JavaScript 中单击两个按钮时如何运行函数
【发布时间】：2021-07-04 14:47:48
【问题描述】：

我想知道如何在 JavaScript 中单击两个按钮时运行函数。我的意思是，如果其中一个按钮被点击而另一个不是，该功能将不会运行，但只有当这两个按钮被按下时它才会起作用。

【问题讨论】：

这是非常可行的！在我们帮助您之前，您能否提供一些您已经尝试过的最小代码？

标签： javascript function error-handling onclick buttonclick

【解决方案1】：

希望，这就是你想要的:)

let firstButtonClicked = false
let secondButtonClicked = false

function Handler(){
  firstButtonClicked = false
  secondButtonClicked = false
  console.log('this is your function you want to run only after 2 button is clicked')
}
button_1.addEventListener('click',()=>{
  firstButtonClicked = true
  if(firstButtonClicked && secondButtonClicked) Handler()
})
button_2.addEventListener('click',()=>{
  secondButtonClicked = true
  if(firstButtonClicked && secondButtonClicked) Handler()
})

<button id='button_1'>button_1</button>
<button id='button_2'>button_2</button>

【讨论】：

【解决方案2】：

如果您正在为台式机/笔记本电脑进行开发，则用户一次只能单击一个按钮。但是，如果您在移动设备上使用多点触控，您应该跟踪两个布尔值，如果按下按钮一或二，则运行将连接到按钮的布尔值设置为 true 的函数，并检查 boolean 1 && boolean 2 是否等于 true ，如果是真的，你可以运行你的功能。只需确保在用户释放按钮时将连接到按钮的布尔值设置为 false。

【讨论】：

如果您可以包含一些示例代码，这将是一个更好的答案。说明如何将此逻辑放入点击处理程序的内容。