Как проверить, нажата ли правая кнопка мыши?

Question

Я весь день работал над этим без прогресса. В любом случае, мне нужно создать ПРОСТОЙ JavaScript программу, поскольку мы только находимся в начальной фазе, в основном должна быть кнопка, и если я нажму ее ЛЕВОЙ кнопкой мыши, она должна предупредить («ЛЕВАЯ»), эта часть проста, потому что я могу использовать onClick, но я также должен проверить, нажал ли я кнопку ПРАВОЙ кнопкой мыши, в этом случае должно появиться предупреждение («ПРАВО»). Моя проблема связана с тем, что проверить левую кнопку легко, но как на самом деле это сделать с помощью правой кнопки? Это может быть простая проблема, но я не могу найти правильного ответа. Заранее спасибо.

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