HTML,JS禁止鼠标右键、禁止全选、复制、粘贴的方法

时间:2022-11-07 07:28:13

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

oncontextmenu事件禁用右键菜单;
js代码:

document.oncontextmenu = function(){
event.returnValue = false;
}
// 或者直接返回整个事件
document.oncontextmenu = function(){
return false;
}

onselectstart事件禁用网页上选取的内容;
js代码:

document.onselectstart = function(){
event.returnValue = false;
}
// 或者直接返回整个事件
document.onselectstart = function(){
return false;
}

oncopy事件禁用复制;
js代码:

document.oncopy = function(){
event.returnValue = false;
}
// 或者直接返回整个事件
document.oncopy = function(){
return false;
}

以上三种事件,如果只想单纯的禁用鼠标右键,和复制粘贴,还可以将它们直接写到HTML中的body上面;

<body oncontextmenu = "return false" ></body>

<body onselectstart = "return false" ></body>

<body oncopy = "return false" ></body>

 

禁用鼠标事件

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

禁用键盘中的ctrl、alt、shift

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

关键就在  

  oncontextmenu='return false'
  ondragstart='return false' 
  onselectstart ='return false' 
  onselect='document.selection.empty()' 
  oncopy='document.selection.empty()' 
  onbeforecopy='return false' 
  onmouseup='document.selection.empty()'

一个更简单的方法就是在<body>中加入如下的代码,这样鼠标的左右键都失效了. 

topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart
="return false" onselect="document.selection.empty()"
oncopy="document.selection.empty()" onbeforecopy="return false"
onmouseup="document.selection.empty()" 

1.禁止网页另存为:在<body>后面加入以下代码: 
<noscript> 
<iframe src="*.htm"></iframe> 
</noscript> 


2.禁止网页内容复制.粘贴:在<body>中加入以下代码: 
<body onmousemove=/HideMenu()/ oncontextmenu="return false"
ondragstart="return false" onselectstart ="return false"
onselect="document.selection.empty()"
oncopy="document.selection.empty()" onbeforecopy="return false"
onmouseup="document.selection.empty()">