本篇文章给大家带来的内容是关于前端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>

三、屏蔽粘贴

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

六、屏蔽选中

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