快捷導(dǎo)航

JavaScript鼠標(biāo)禁止右鍵禁止打開(kāi)控制臺(tái)及鍵盤(pán)禁用

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

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

前言

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

這個(gè)方法是我在制作一個(gè)單詞考核系統(tǒng)時(shí)所使用到的，因?yàn)樵诳荚嚻陂g如果打開(kāi)控制臺(tái)，通過(guò)控制臺(tái)找到了正確的答案，那么就沒(méi)有意義了。
所以就需要將控制臺(tái)禁用，所應(yīng)用到的也是一些基礎(chǔ)的知識(shí)，下面我們就一起來(lái)看一看吧！

一、禁用

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

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

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

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

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

onselectstart是一個(gè)事件處理程序?qū)傩?，它在用戶開(kāi)始選擇文本時(shí)觸發(fā)。它可以用于防止用戶選擇文本或在拖動(dòng)元素時(shí)選擇文本。

3. 禁用鍵盤(pán)F12

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

除了上面的寫(xiě)法外還有其他的一些寫(xiě)法。

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中的事件處理程序，它在用戶按下鍵盤(pán)上的任何鍵時(shí)觸發(fā)?？梢詫nkeydown事件與JavaScript函數(shù)一起使用，以便在用戶按下鍵時(shí)執(zhí)行某些操作。例如，可以使用onkeydown事件來(lái)捕獲用戶按下Enter鍵并提交表單。

可以根據(jù)自己的需要來(lái)禁用按鍵，這個(gè)是我的項(xiàng)目需要所以加了禁用其它的鍵盤(pán)按鍵，上面的這個(gè)ctrl+shift+i也是可以打開(kā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;
  }
}

總結(jié)

最后偷偷的告訴大家，還有一個(gè)可以打開(kāi)控制臺(tái)的方法，哪就是在刷新瀏覽器頁(yè)面時(shí)同時(shí)按下F12，這樣也是可以打開(kāi)的，所以在這個(gè)項(xiàng)目中我對(duì)刷新也做了一些操作。

這個(gè)打開(kāi)控制臺(tái)的方法大家可以試一下，但是要先把F12給禁止了，不然搞錯(cuò)了還不知道，這個(gè)方法不是特別容易打開(kāi)，要多嘗試幾次。
以上就是本章的全部?jī)?nèi)容了，感謝您的閱讀，希望能夠幫助到您。

到此這篇關(guān)于JavaScript鼠標(biāo)禁止右鍵禁止打開(kāi)控制臺(tái)及鍵盤(pán)禁用的文章就介紹到這了,更多相關(guān)js鼠標(biāo)禁止右鍵禁止打開(kāi)控制臺(tái)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: