Javascript 如何检查鼠标右键是否按下?

Javascript 如何检查鼠标右键是否按下?,javascript,button,input,Javascript,Button,Input,我一整天都在做这件事,毫无进展。无论如何,我必须建立一个简单的JavaScript程序,因为我们只是在开始阶段,基本上应该有一个按钮,如果我用鼠标左键按下它,它应该会发出警报(“左”),这部分很简单,因为我可以使用onClick,但我还应该检查我是否用鼠标右键按下按钮,在这种情况下,它应该发出警报(“右”)。我的挣扎来自于这样一个事实:检查左键很容易,但如何使用右键呢?这可能是个简单的问题,但我似乎找不到正确的答案。先谢谢你 只需检查event.button代码 0==左 2==右 docume

我一整天都在做这件事,毫无进展。无论如何,我必须建立一个简单的JavaScript程序,因为我们只是在开始阶段,基本上应该有一个按钮,如果我用鼠标左键按下它,它应该会发出警报(“左”),这部分很简单,因为我可以使用onClick,但我还应该检查我是否用鼠标右键按下按钮,在这种情况下,它应该发出警报(“右”)。我的挣扎来自于这样一个事实:检查左键很容易,但如何使用右键呢?这可能是个简单的问题,但我似乎找不到正确的答案。先谢谢你

只需检查event.button代码

0==左

2==右

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