首页 / js教程

    前端js禁止鼠标右键及F12禁止查看源代码究竟为了什么?(源代码)

    类型:转载      发布者:云罗郡主2018-10-12 17:36:31

    本篇文章给大家带来的内容是关于前端js禁止鼠标右键及F12禁止查看源代码究竟为了什么?(源代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

    微信截图_20181012173708.png

    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中文网其它相关文章!

    本文来源于:https://www.2cto.com/kf/201810/781560.html,如有侵犯,请联系删除
php中文网赞助会员

PHP中文网

未登录