【js】鼠标禁止右键禁止打开控制台及键盘禁用

---

前言

大家好，今天和大家分享一下在前端js中禁止鼠标在浏览器中右键，禁止鼠标选中和禁止键盘按键。
这个方法是我在制作一个单词考核系统时所使用到的，因为在考试期间如果打开控制台，通过控制台找到了正确的答案，那么就没有意义了。
所以就需要将控制台禁用，所应用到的也是一些基础的知识，下面我们就一起来看一看吧！

一、禁用

1. 禁用鼠标右键

document.oncontextmenu = new Function("event.returnValue=false");

oncontextmenu是JavaScript中的一个事件属性，用于在用户右击鼠标时触发相应的事件处理程序。当用户右击鼠标时，浏览器会显示一个上下文菜单，该属性可以用于阻止默认的上下文菜单行为，或者自定义右键菜单的行为。

2. 禁用鼠标选中

document.onselectstart = new Function("event.returnValue=false");

onselectstart是一个事件处理程序属性，它在用户开始选择文本时触发。它可以用于防止用户选择文本或在拖动元素时选择文本。

3. 禁用键盘F12

 document.addEventListener("keydown", function (e) {
 		console.log(e。key);
        if (e.key == "F12") {
          e.preventDefault(); // 如果按下键F12,阻止事件
        }
    });

除了上面的写法外还有其他的一些写法。

document.onkeydown = () => {
  console.log(window.event.keyCode);
  for (let i = 9; i < 47; i++) {
    if (window.event && window.event.keyCode == i) {
      return false;
    }
  }
  for (let i = 58; i < 65; i++) {
    if (window.event && window.event.keyCode == i) {
      return false;
    }
  }
  for (let i = 91; i < 300; i++) {
    if (window.event && window.event.keyCode == i) {
      return false;
    }
  }
  // 禁用ctrl+shift+i
  if (window.event.ctrlKey && window.event.shiftKey && window.event.keyCode == 73) {
    return false;
  }
  if (window.event.shiftKey) {
    return false;
  }
  // 禁用ctrl+r
  if (window.event.ctrlKey && window.event.keyCode == 82) {
    return false;
  }
}

onkeydown是JavaScript中的事件处理程序，它在用户按下键盘上的任何键时触发。可以将onkeydown事件与JavaScript函数一起使用，以便在用户按下键时执行某些操作。例如，可以使用onkeydown事件来捕获用户按下Enter键并提交表单。

可以根据自己的需要来禁用按键，这个是我的项目需要所以加了禁用其它的键盘按键，上面的这个ctrl+shift+i也是可以打开浏览器的。

二、所有代码

// 1.禁用右键菜单
document.oncontextmenu = new Function("event.returnValue=false");
// 2.禁用鼠标选中
document.onselectstart = new Function("event.returnValue=false");

document.onkeydown = () => {
  console.log(window.event.keyCode);

  for (let i = 9; i < 47; i++) {
    if (window.event && window.event.keyCode == i) {
      return false;
    }
  }
  for (let i = 58; i < 65; i++) {
    if (window.event && window.event.keyCode == i) {
      return false;
    }
  }
  for (let i = 91; i < 300; i++) {
    if (window.event && window.event.keyCode == i) {
      return false;
    }
  }
  // 禁用ctrl+shift+i
  if (window.event.ctrlKey && window.event.shiftKey && window.event.keyCode == 73) {
    return false;
  }
  if (window.event.shiftKey) {
    return false;
  }
  // 禁用ctrl+r
  if (window.event.ctrlKey && window.event.keyCode == 82) {
    return false;
  }
}

总结

最后偷偷的告诉大家，还有一个可以打开控制台的方法，哪就是在刷新浏览器页面时同时按下F12，这样也是可以打开的，所以在这个项目中我对刷新也做了一些操作。
这个打开控制台的方法大家可以试一下，但是要先把F12给禁止了，不然搞错了还不知道，这个方法不是特别容易打开，要多尝试几次。
以上就是本章的全部内容了，感谢您的阅读，希望能够帮助到您。