javascript - 如何使用 JavaScript 拦截鼠标的各种按钮按下？

Question

我开发的 Web 应用程序是在只有两键鼠标的时期设计和开发的。现在市场上有超过 3 个按钮的鼠标，所有这些额外的按钮都会在使用我们的应用程序时造成严重破坏。

我的目的是让用户只按下鼠标左键并禁用鼠标上的所有其他按钮。因为，我无权访问用户的系统，所以我必须通过浏览器本身以某种方式实现这一点(可能通过使用 JavaScript)。

我该如何着手解决这个问题？任何指示都会非常有帮助。

Answer 1

W3C 事件模型 足以通过事件对象 传递鼠标信息。这意味着您实际上可以读取哪个 鼠标按钮被单击。示例

document.body.addEventListener('click', function( event ) {
    console.log('mouse button clicked: ', event.which);
}, false);

有了这些信息，只允许左键单击就变得相当微不足道了，这由值 1 表示。

document.body.addEventListener('click', function( event ) {
    if( event.which === 1 ) {
        // do something
    } else {
        event.stopPropagation();
        event.preventDefault();
    }
}, false);