快捷導(dǎo)航

JavaScript鼠標(biāo)禁止右鍵禁止打開控制臺及鍵盤禁用

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

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

前言

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

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

一、禁用

1. 禁用鼠標(biāo)右鍵

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

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

2. 禁用鼠標(biāo)選中

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

onselectstart是一個事件處理程序?qū)傩?，它在用戶開始選擇文本時觸發(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ā)。可以將onkeydown事件與JavaScript函數(shù)一起使用，以便在用戶按下鍵時執(zhí)行某些操作。例如，可以使用onkeydown事件來捕獲用戶按下Enter鍵并提交表單。

可以根據(jù)自己的需要來禁用按鍵，這個是我的項目需要所以加了禁用其它的鍵盤按鍵，上面的這個ctrl+shift+i也是可以打開瀏覽器的。

二、所有代碼

// 1.禁用右鍵菜單
document.oncontextmenu = new Function("event.returnValue=false");
// 2.禁用鼠標(biāo)選中
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;
  }
}