当在 JavaScript 中单击两个按钮时,我如何 运行 一个函数
How do I run a function when two buttons are click in JavaScript
我想知道如何在 JavaScript 中单击两个按钮时 运行 一个函数。我的意思是,如果其中一个按钮被点击而另一个按钮未被点击,该功能将不会 运行 但只有当这两个按钮被按下时它才会起作用。
如果您正在为台式机/笔记本电脑开发,用户一次只能单击一个按钮。但是如果你在移动设备上使用多点触控,你应该跟踪两个布尔值,如果按下按钮一或两个 运行 一个函数,将连接到按钮的布尔值设置为真,并检查布尔值 1 &&布尔值 2 等于 true,如果它是 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>
我想知道如何在 JavaScript 中单击两个按钮时 运行 一个函数。我的意思是,如果其中一个按钮被点击而另一个按钮未被点击,该功能将不会 运行 但只有当这两个按钮被按下时它才会起作用。
如果您正在为台式机/笔记本电脑开发,用户一次只能单击一个按钮。但是如果你在移动设备上使用多点触控,你应该跟踪两个布尔值,如果按下按钮一或两个 运行 一个函数,将连接到按钮的布尔值设置为真,并检查布尔值 1 &&布尔值 2 等于 true,如果它是 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>