JavaScript鼠標禁止右鍵禁止打開控制臺及鍵盤禁用

更新時間：2023年10月09日 15:07:24 作者：蘿卜頭不吃蘿卜頭

這篇文章主要給大家介紹了關于JavaScript鼠標禁止右鍵禁止打開控制臺及鍵盤禁用的相關資料,實現禁止右鍵和禁止打開控制臺是一種常見的網頁保護技巧,可以防止非法復制、盜取網頁資源等安全問題,需要的朋友可以參考下

前言

大家好，今天和大家分享一下在前端js中禁止鼠標在瀏覽器中右鍵，禁止鼠標選中和禁止鍵盤按鍵。

這個方法是我在制作一個單詞考核系統時所使用到的，因為在考試期間如果打開控制臺，通過控制臺找到了正確的答案，那么就沒有意義了。
所以就需要將控制臺禁用，所應用到的也是一些基礎的知識，下面我們就一起來看一看吧！

一、禁用

1. 禁用鼠標右鍵

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

oncontextmenu是JavaScript中的一個事件屬性，用于在用戶右擊鼠標時觸發(fā)相應的事件處理程序。當用戶右擊鼠標時，瀏覽器會顯示一個上下文菜單，該屬性可以用于阻止默認的上下文菜單行為，或者自定義右鍵菜單的行為。

2. 禁用鼠標選中

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

onselectstart是一個事件處理程序屬性，它在用戶開始選擇文本時觸發(fā)。它可以用于防止用戶選擇文本或在拖動元素時選擇文本。

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中的事件處理程序，它在用戶按下鍵盤上的任何鍵時觸發(fā)?？梢詫nkeydown事件與JavaScript函數一起使用，以便在用戶按下鍵時執(zhí)行某些操作。例如，可以使用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;
  }
}