首頁 > web前端 > js教程 > 主體

前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼? (原始碼)

云罗郡主
發布: 2018-10-12 17:36:31
轉載
3966 人瀏覽過

這篇文章帶給大家的內容是關於前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼? (原始碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼? (原始碼)

HTML 在前端開發中,F12審查元素的情況下,大家都可以隨機更改一部分頁面的程式碼,注入惡意JS等等,這種情況避免也不難,雖然還能看到一部分H5源碼,但是無法修改。

一、屏蔽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>
登入後複製

二、屏蔽右鍵選單

<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;
        }
    }
登入後複製

三、屏蔽貼上

<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>
登入後複製

四、屏蔽複製

<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>
登入後複製

五、屏蔽剪切

<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;
        }
    }
登入後複製

六、屏蔽選取

<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>
登入後複製

以上就是對前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼? (原始碼)的全部介紹,如果您想了解更多有關JavaScript影片教學,請關注PHP中文網。

以上是前端js禁止滑鼠右鍵及F12禁止查看原始碼究竟為了什麼? (原始碼)的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:2cto.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!