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

时间:2019-09-20
本文章向大家介绍前端禁止鼠标右键、禁止全选、复制、粘贴,主要包括前端禁止鼠标右键、禁止全选、复制、粘贴使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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

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