如何检查鼠标右键是否按下按钮？

Question

我整天都在努力，没有任何进展。无论如何，我必须构建一个简单的JavaScript程序，因为我们只是在开始阶段，基本上应该有一个按钮，如果用鼠标左键按下它，它应该会发出alert（“ LEFT”），这部分这很容易，因为我可以使用onClick，但是我还应该检查是否用鼠标右键按下了按钮，在这种情况下，它应该发出alert（“ RIGHT”）。我的奋斗来自一个事实，即检查左按钮很容易，但是实际上如何使用右按钮来检查呢？这可能是一个简单的问题，但我似乎找不到正确的答案。先感谢您。

Answer 1

只需检查event.button代码

0 ===左

2 ===右

document.querySelector(buttonSelector).addEventListener('mousedown', (e) => {
  if(e.button === 0){
    alert('Left') 
 }else if(e.button === 2){
    alert('Right')
 }

}）;

Answer 2

如果您还没有阻止右键单击上下文菜单的弹出窗口，我会在此“上下文菜单”中添加。

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;
});