Was ist der Grund, warum das Front-End-JS die rechte Maustaste und F12 verbietet, um das Anzeigen des Quellcodes zu verhindern? (Quellcode)

Im Inhalt dieses Artikels geht es darum, warum das Front-End-JS die rechte Maustaste verbietet und F12 das Anzeigen des Quellcodes verbietet. (Quellcode), es hat einen gewissen Referenzwert. Freunde in Not können darauf verweisen.

HTML Wenn F12 in der Front-End-Entwicklung Elemente überprüft, kann jeder den Code eines Teils der Seite nach dem Zufallsprinzip ändern, schädliches JS einfügen usw. Diese Situation kann nicht vermieden werden . Schwierig. Obwohl Sie einen Teil des H5-Quellcodes sehen können, kann er nicht geändert werden.

1. F12-Überprüfungselemente blockieren

<script>
    document.onkeydown = function () {
        if (window.event && window.event.keyCode == 123) {
            alert("F12被禁用");
            event.keyCode = 0;
            event.returnValue = false;
        }
        if (window.event && window.event.keyCode == 13) {
            window.event.keyCode = 505;
        }
        if (window.event && window.event.keyCode == 8) {
            alert(str + "\n请使用Del键进行字符的删除操作！");
            window.event.returnValue = false;
        }
    }
</script>

2. Blockieren Sie das Rechtsklick-Menü

<script>
    document.oncontextmenu = function (event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }

4 >

<script>
    document.onpaste = function (event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
</script>

5. Blockieren

<script>
    document.oncopy = function (event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }
</script>

6. Blockauswahl

<script>
    document.oncut = function (event) {
        if (window.event) {
            event = window.event;
        }
        try {
            var the = event.srcElement;
            if (!((the.tagName == "INPUT" && the.type.toLowerCase() == "text") || the.tagName == "TEXTAREA")) {
                return false;
            }
            return true;
        } catch (e) {
            return false;
        }
    }

Das Obige dient dazu, die rechte Maustaste auf dem Frontend zu verbieten und F12, um die Anzeige der Quelle zu verhindern Code. Was ist der Zweck? (Quellcode) Vollständige Einführung. Wenn Sie mehr über

JavaScript-Video-Tutorial

erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.

Das obige ist der detaillierte Inhalt vonWas ist der Grund, warum das Front-End-JS die rechte Maustaste und F12 verbietet, um das Anzeigen des Quellcodes zu verhindern? (Quellcode). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!