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

短命女 2023-06-25 10:06 30阅读 0赞

在前端开发中，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>

发表评论取消回复

表情：

评论列表（有 0 条评论，30人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS禁止鼠标右键的两种方法

方法1：直接写在body上，如果你的项目后期不需要修改可以用这种，方便简单。 <body οncοntextmenu=self.event.returnvalue=false

ゝ一世哀愁。/ 2024年03月16日 23:17/ 0 赞/ 73 阅读

相关网页中禁止使用鼠标右键操作

直接在前端加入下列代码即可实现。 <script type="text/javascript"> //禁止右键 document.oncont

秒速五厘米/ 2023年10月04日 05:24/ 0 赞/ 6 阅读

相关 JS实现禁止查看网页源代码

　　JS实现禁止查看网页源代码方法总结　　1、将以下代码加入到Html之间　　function click() \{if (event.button==2) \{ale

逃离我推掉我的手/ 2023年09月25日 11:42/ 0 赞/ 67 阅读

相关前端禁止鼠标右键、禁止全选、复制、粘贴

禁止鼠标右键、禁止全选、复制、粘贴； oncontextmenu事件禁用右键菜单； document.oncontextmenu = function(){

我会带着你远行/ 2023年08月17日 15:16/ 0 赞/ 130 阅读

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

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

短命女/ 2023年06月25日 10:06/ 0 赞/ 31 阅读

相关 WebAPI-禁止鼠标右键和鼠标选中

鼠标右键菜单 `contextmenu` 当点击鼠标右键或按下键盘上的菜单键时会触发该事件，该事件会打开上下文菜单在有些情况下需要禁用鼠标右键菜单，这时就可以使用事件

水深无声/ 2023年06月15日 14:24/ 0 赞/ 27 阅读

相关 asp模板禁止复制_WordPress设置禁止复制（禁止鼠标右键）

管理员登录进入WordPress的管理界面，在菜单栏中，找到菜单“外观”下的二级菜单选项“编辑”，点击进入。 ![c87ffa0bd88228132d11d3d4eabc98

深碍√TFBOYSˉ_/ 2023年01月01日 12:59/ 0 赞/ 219 阅读

相关 vue某些页面禁止鼠标右键

// 禁止鼠标右键功能和ctrl + s。在main.js里面 > Vue.directive('ban-save', \{ > > inserted(elem,

骑猪看日落/ 2022年12月03日 02:26/ 0 赞/ 924 阅读

相关 javascript实现禁止右键和F12查看源代码

功能很简单，代码也很简洁，这里就不多废话了，直接奉上源码，需要的小伙伴直接带走。 function click(e) \{ if (document.all) \{

逃离我推掉我的手/ 2022年07月13日 07:25/ 0 赞/ 207 阅读

相关 js禁止鼠标右键打开及复制

js禁止鼠标右键打开及复制 <script language="Javascript"> //js禁止鼠标右键打开及复制 document.onc

向右看齐/ 2022年03月27日 02:05/ 0 赞/ 283 阅读