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

我会带着你远行 2023-08-17 15:16 69阅读 0赞

禁止鼠标右键、禁止全选、复制、粘贴；

oncontextmenu事件禁用右键菜单；

document.oncontextmenu = function(){
        event.returnValue = false;
    }
    //另一种
    document.oncontextmenu = function(){
        return false;
    }
    //直接在body上
    <body oncontextmenu = "return false" ></body>

onselectstart事件禁用网页上选取的内容；

document.onselectstart = function(){
        event.returnValue = false;
    }

//另一种
    
    document.onselectstart = function(){ return false; }

//直接在body上 <body onselectstart = "return false" ></body>

oncopy事件禁用复制；

document.oncopy = function(){
        event.returnValue = false;
    }

//另一种

document.oncopy = function(){ return false; } 
    //直接在body上 <body oncopy = "return false" ></body>

甚至可以可以禁用鼠标事件

document.onmousedown = function(e){
        if ( e.which == 2 ){// 鼠标滚轮的按下，滚动不触发
            return false;
        }
        if( e.which==3 ){// 鼠标右键
            return false;
        }
    }

需要页面禁止复制或者右键打开菜单的情况下，最好结合多种方法进行禁用

额外的写一些关于禁用键盘按键的内容

document.onkeydown = function(){
        if( event.ctrlKey ){
            return false;
        }
        if ( event.altKey ){
            return false;
        }
        if ( event.shiftKey ){
            return false;
        }
    }

转载于:https://www.cnblogs.com/usebylgb/p/11557266.html

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关鼠标右键菜单-复制删除粘贴剪切

功能分析： 1、鼠标右键点击元素节点，如果没有选中元素节点中的内容，则点击复制会复制整个元素节点 2、如果元素节点内容被选中则复制元素节点中选中的内容 3、点击剪切，

布满荆棘的人生/ 2023年01月10日 10:06/ 0 赞/ 195 阅读

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

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

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

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

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

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

相关 JavaScript 禁止复制与粘贴

oncopy事件：定义和用法 oncopy 事件在用户拷贝元素上的内容时触发。提示： oncopy 事件在用户拷贝元素时也会触发，例如，拷贝 <img> 元素。

古城微笑少年丶/ 2022年07月24日 06:19/ 0 赞/ 211 阅读

相关 jsp禁止复制粘贴

<noscript> <iframe src="/>";</iframe> </noscript>

以你之姓@/ 2022年06月02日 11:45/ 0 赞/ 260 阅读

相关 Qt 禁止控件内容被复制粘贴剪贴全选等

我们知道，在某些时候，控件的内容是保密的，比如登录密码，除了让这些控件的内容不可见（以黑色圆圈、星号的形式显示），还应该让该控件的内容禁止被复制粘贴剪贴全选等。 1.

谁践踏了优雅/ 2022年05月24日 09:25/ 0 赞/ 187 阅读

相关禁止输入框粘贴，复制，剪切，右键

<p>禁止粘贴：<input type="" name="" onpaste="return false;"/></p> <p>禁止复制：<input type

分手后的思念是犯贱/ 2022年05月13日 05:04/ 0 赞/ 183 阅读

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

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

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

相关 h5页面禁止复制以及禁止右键

问题：禁止文档复制，禁止图片另存为等相关操作第一css禁止：复制（参考https://blog.csdn.net/qq\_32007439/article/details

小鱼儿/ 2021年11月05日 07:48/ 0 赞/ 532 阅读