h5页面禁止复制_禁止复制网页内容的方法（含PC端和移动端）

在网页的Html中，如果想实现禁止鼠标右键、禁止全选、复制、粘贴，可以考虑JS来实现，方式有很多种。

PC端禁止复制网页内容的方法

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上面：

禁用鼠标事件，js代码：

document.onmousedown = function(e){

if( e.which == 2){// 鼠标滚轮的按下，滚动不触发

return false;

}

if( e.which==3){// 鼠标右键

return false;

}

}

禁用键盘中的ctrl、alt、shift，js代码：

document.onkeydown = function(){

if( event.ctrlKey ){

return false;

}

if( event.altKey ){

return false;

}

if( event.shiftKey ){

return false;

}

}

有一个更简单的方法就是在

中加入如下的代码,这样鼠标的左右键都失效了：

topmargin="0" οncοntextmenu="return false" οndragstart="return false" onselectstart="return false" οnselect="document.selection.empty()" οncοpy="document.selection.empty()" onbeforecopy="return false" οnmοuseup="document.selection.empty()"

想要网页另存为：在

后面加入以下代码：

禁止网页内容复制．粘贴：在

中加入以下代码：

移动端禁止复制网页内容的方法

web端，只需在css中加入代码就可以了：

*{

-webkit-touch-callout:none; /*系统默认菜单被禁用*/

-webkit-user-select:none; /*webkit浏览器*/

-khtml-user-select:none; /*早期浏览器*/

-moz-user-select:none;/*火狐*/

-ms-user-select:none; /*IE10*/

user-select:none;

}

以上代码也包括了禁止了input的输入，所以要单加一段代码开放input的权限：

input {

-webkit-user-select:auto; /*webkit浏览器*/

}

另附上一个app h5长安拷贝的解决方法(没有验证过，仅供参考)，屏蔽掉长按事件 因为webview长按时将会调用系统的复制控件：

mWebView.setOnLongClickListener(newOnLongClickListener() {

@Override

publicboolean onLongClick(View v) {

return true;

}

});