JS 屏蔽键盘不可用与鼠标右键不可用的方法

为了屏蔽键盘和鼠标的某些操作，我们可以利用浏览器的事件机制，通过监听指定的事件以达到目的。下面将分别介绍屏蔽键盘和鼠标右键的方法，并提供代码示例进行说明。

屏蔽键盘操作

方法一：使用 onKeyDown 事件

监听键盘事件，通过判断事件对象的 keyCode 属性是否为需要屏蔽的键位码，来实现屏蔽操作。下面是示例代码，如需屏蔽多个键位，可在 switch 语句中添加对应键位的 case。

document.onkeydown = function (e) {
  e = e || event;
  switch (e.keyCode) {
    case 116: // 屏蔽 F5 刷新键
      e.keyCode = 0;
      e.returnValue = false;
      break;
    case 123: // 屏蔽 F12 开发者工具键
      window.event.returnValue = false;
      window.open('about:blank', '_self').close(); // 弹出空白页面，关闭当前页面
      break;
  }
}

方法二：使用 document.addEventListener

推荐使用该方式进行事件绑定和解绑，兼容多种浏览器。可通过 e.preventDefault() 方法来屏蔽默认行为。

document.addEventListener('keydown', function (e) {
  e = e || event;
  switch (e.keyCode) {
    case 116: // 屏蔽 F5 刷新键
      e.preventDefault();
      break;
    case 123: // 屏蔽 F12 开发者工具键
      e.preventDefault();
      window.open('about:blank', '_self').close(); 
      break;
  }
})

屏蔽鼠标右键

使用 mouseup 事件和 button 属性来判断是否为右键单击，通过 e.preventDefault() 来屏蔽默认行为。

document.onmouseup = function (e) {
  e = e || window.event;
  if (e.button === 2) {
    e.preventDefault(); // 屏蔽鼠标右键
  }
}

或者使用 event.button 属性和 event.preventDefault() 方法来实现鼠标右键屏蔽。

document.addEventListener('contextmenu', function (event) {
  event.preventDefault(); // 屏蔽鼠标右键 
});

以上是屏蔽键盘和鼠标右键的方法，但需要注意的是，通过代码屏蔽键盘和鼠标行为并不安全，因为用户仍可以通过其他方式绕过这些限制。此外，禁用鼠标右键可能会破坏网站的用户体验。因此，应该谨慎使用该功能。