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

最新推荐文章于 2023-10-12 14:37:58 发布

Boale_H

最新推荐文章于 2023-10-12 14:37:58 发布

阅读量2.4k

点赞数

分类专栏：项目中实现的一些业务需求文章标签：前端 javascript html5

Edited by Boale_H （博哥的二进制世界）

本文链接：https://blog.csdn.net/Boale_H/article/details/121720342

版权

项目中实现的一些业务需求专栏收录该内容

40 篇文章 3 订阅

订阅专栏

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

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

oncontextmenu事件禁用右键菜单；

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

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

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

oncopy事件禁用复制；

document.oncopy = function(){
    event.returnValue = false;
}
//另一种
document.oncopy = function(){ return false; } <br>//直接在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;
    }
}

Boale_H

关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
前端禁止鼠标右键、禁止全选、复制、粘贴

前端禁止鼠标右键、禁止全选、复制、粘贴禁止鼠标右键、禁止全选、复制、粘贴；oncontextmenu事件禁用右键菜单；document.oncontextmenu = function(){ event.returnValue = false;}<br>//另一种document.oncontextmenu = function(){ return false;}//直接在body上<body oncontextmenu = "return false" &
复制链接

扫一扫

专栏目录