JavaScript鼠标禁止右键禁止打开控制台及键盘禁用
作者：萝卜头不吃萝卜头
前言
大家好，今天和大家分享一下在前端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给禁止了，不然搞错了还不知道，这个方法不是特别容易打开，要多尝试几次。
以上就是本章的全部内容了，感谢您的阅读，希望能够帮助到您。
到此这篇关于JavaScript鼠标禁止右键禁止打开控制台及键盘禁用的文章就介绍到这了,更多相关js鼠标禁止右键禁止打开控制台内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！