微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

解决方法

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

,

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

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>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。