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

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

HTML 在前端开发中，F12审查元素的情况下，大家都可以随机更改一部分页面的代码，注入恶意JS等等，这种情况避免也不难，虽然还能看到一部分H5源码，但是无法修改。

一、屏蔽F12 审查元素

    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 + "请使用Del键进行字符的删除操作！");            window.event.returnValue = false;        }    }

登录后复制

二、屏蔽右键菜单

立即学习“前端免费学习笔记（深入）”；

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

登录后复制

三、屏蔽粘贴

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

登录后复制

四、屏蔽复制

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

登录后复制

五、屏蔽剪切

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

登录后复制

六、屏蔽选中

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

登录后复制

以上就是对前端js禁止鼠标右键及F12禁止查看源代码究竟为了什么？(源代码)的全部介绍，如果您想了解更多有关JavaScript视频教程，请关注PHP中文网。

以上就是前端js禁止鼠标右键及F12禁止查看源代码究竟为了什么？(源代码)的详细内容，更多请关注【创想鸟】其它相关文章！