原生javascript判断鼠标右键的方法

2023-06-04

原生javascript判断鼠标右键，可以依据 e.button 来区分。

document.addEventListener('mousedown', (e) => {
    if (e.button === 2) {
        // 右键事件
    }
}, false);

鼠标事件中，button和buttons属性返回事件鼠标按键信息。

button返回一个数值，表示按下了鼠标哪个键。

button说明
-1没有按下按键
0按下左键
1按下滚轮
2按下右键

buttons属性返回一个3个比特位的值，表示同时按下了哪些键，用来处理同时按下多个鼠标键的情况。

buttons说明
1二进制为001，表示按下左键
2二进制为010，表示按下右键
4二进制为100，表示按下滚轮

同时按下左键和右键，buttons的二进制为011，表示3；同时按下左键和滚轮，buttons的二进制为101，表示5；同时按下右键和滚轮，buttons的二进制为110，表示6。

参考资料

  • https://www.coder.work/article/5237494
  • https://www.ngui.cc/el/3271207.html?action=onClick
WEB开发