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

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

weixin_30565327

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

阅读量931

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/usebylgb/p/11557266.html

版权

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

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

weixin_30565327

关注

0
点赞
踩
4

收藏

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

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

扫一扫