前端禁止鼠标右键及F12禁止查看源代码

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

一、屏蔽F12 审查元素

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

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

二、屏蔽右键菜单

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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

三、屏蔽粘贴

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

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

 

四、屏蔽复制

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

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

五、屏蔽剪切

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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

六、屏蔽选中

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

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