Quelle est la raison pour laquelle le front-end js interdit le clic droit sur la souris et interdit à F12 de visualiser le code source ? (code source)-js tutoriel-php.cn

Quelle est la raison pour laquelle le front-end js interdit le clic droit sur la souris et interdit à F12 de visualiser le code source ? (code source)

云罗郡主

Libérer： 2018-10-12 17:36:31

avant

4023 Les gens l'ont consulté

Le contenu de cet article explique pourquoi le front-end js interdit le bouton droit de la souris et F12 interdit l'affichage du code source ? (Code source), il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère que cela vous sera utile.

Quelle est la raison pour laquelle le front-end js interdit le clic droit sur la souris et interdit à F12 de visualiser le code source ? (code source)

HTML En développement front-end, lorsque F12 inspecte des éléments, tout le monde peut changer aléatoirement le code d'une partie de la page, injecter du JS malveillant, etc. Cette situation ne peut être évitée . Difficile. Bien que vous puissiez toujours voir une partie du code source de H5, il ne peut pas être modifié.

1. Bloquer les éléments de révision F12

<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>

Copier après la connexion

2. Bloquer le menu contextuel

<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;
        }
    }

Copier après la connexion

3. 4. Copie de bloc

<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>

Copier après la connexion

5. Coupe de bloc

<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>

Copier après la connexion

6. Sélection de bloc

<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;
        }
    }

Copier après la connexion

Ce qui précède consiste à désactiver le bouton droit de la souris et F12 pour voir le front-end js A quoi sert exactement le code source ? (code source) introduction complète, si vous souhaitez en savoir plus sur le

<script>
    document.onselectstart = 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>

Copier après la connexion

Tutoriel vidéo JavaScript

, veuillez faire attention au site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!