Javascript 如何检查鼠标右键是否按下?
我一整天都在做这件事,毫无进展。无论如何,我必须建立一个简单的JavaScript程序,因为我们只是在开始阶段,基本上应该有一个按钮,如果我用鼠标左键按下它,它应该会发出警报(“左”),这部分很简单,因为我可以使用onClick,但我还应该检查我是否用鼠标右键按下按钮,在这种情况下,它应该发出警报(“右”)。我的挣扎来自于这样一个事实:检查左键很容易,但如何使用右键呢?这可能是个简单的问题,但我似乎找不到正确的答案。先谢谢你 只需检查event.button代码 0==左 2==右Javascript 如何检查鼠标右键是否按下?,javascript,button,input,Javascript,Button,Input,我一整天都在做这件事,毫无进展。无论如何,我必须建立一个简单的JavaScript程序,因为我们只是在开始阶段,基本上应该有一个按钮,如果我用鼠标左键按下它,它应该会发出警报(“左”),这部分很简单,因为我可以使用onClick,但我还应该检查我是否用鼠标右键按下按钮,在这种情况下,它应该发出警报(“右”)。我的挣扎来自于这样一个事实:检查左键很容易,但如何使用右键呢?这可能是个简单的问题,但我似乎找不到正确的答案。先谢谢你 只需检查event.button代码 0==左 2==右 docume
document.querySelector(buttonSelector).addEventListener('mousedown', (e) => {
if(e.button === 0){
alert('Left')
}else if(e.button === 2){
alert('Right')
}
})) 只需检查event.button代码 0==左 2==右
document.querySelector(buttonSelector).addEventListener('mousedown', (e) => {
if(e.button === 0){
alert('Left')
}else if(e.button === 2){
alert('Right')
}
})) 如果您还没有“上下文菜单”,我会添加它,以防止右键单击上下文菜单弹出
document.getElementById('buttonID').addEventListener('mousedown', (e) => {
if (e.button === 0) {
console.log('Left')
} else if (e.button === 2) {
console.log('Right')
}
});
document.getElementById('buttonID').addEventListener("contextmenu", (e) => {
e.preventDefault();
return false;
});
如果你还没有这个“上下文菜单”,我会添加它,以防止右键单击上下文菜单弹出
document.getElementById('buttonID').addEventListener('mousedown', (e) => {
if (e.button === 0) {
console.log('Left')
} else if (e.button === 2) {
console.log('Right')
}
});
document.getElementById('buttonID').addEventListener("contextmenu", (e) => {
e.preventDefault();
return false;
});
为了澄清,下面的答案将表明按钮是主要鼠标动作还是第三鼠标动作,但“左”和“右”的概念将取决于用户偏好(即左手或右手鼠标配置)。感谢您指出这一点@lukifferTo澄清,下面的答案将表明按钮是主要鼠标动作还是第三鼠标动作,但“左”和“右”的概念将取决于用户偏好(即左手或右手鼠标配置)。感谢您指出@lukiffer