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

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

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

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;
}
//另一种

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

oncopy事件禁用复制;

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

你可能感兴趣的:(项目中实现的一些业务需求,前端,javascript,html5)