ホームページ  >  記事  >  ウェブフロントエンド  >  フロントエンドjsでマウスの右ボタンとF12によるソースコードの閲覧を禁止している理由は何でしょうか? (ソースコード)

フロントエンドjsでマウスの右ボタンとF12によるソースコードの閲覧を禁止している理由は何でしょうか? (ソースコード)

云罗郡主
云罗郡主転載
2018-10-12 17:36:323984ブラウズ

この記事でわかることは、フロントエンド js がマウスの右ボタンを禁止し、F12 キーでソース コードの表示を禁止する理由についてです。 (ソースコード)、それは確かな参考値を持っています、それがあなたに役立つことを願っています。

フロントエンドjsでマウスの右ボタンとF12によるソースコードの閲覧を禁止している理由は何でしょうか? (ソースコード)

HTML フロントエンド開発では、F12 キーで要素を検査すると、誰もがページの一部のコードをランダムに変更したり、悪意のある JS を挿入したりする可能性があります。この状況は避けられません。難しい。H5 ソース コードの一部は表示されますが、変更することはできません。

1. ブロック 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>

2. ブロックの貼り付け

<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. シールドとカット

<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. シールドと選択

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

上記は、フロントエンド JS でマウスの右ボタンを無効にし、禁止する目的です。ソースコードを表示するときに F12 を押しますか? (ソース コード) の完全な紹介。

JavaScript ビデオ チュートリアル

について詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。

以上がフロントエンドjsでマウスの右ボタンとF12によるソースコードの閲覧を禁止している理由は何でしょうか? (ソースコード)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事は2cto.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。