编程爱好者之家

实现页面不被复制

2018-04-18 09:47:20 534

今天业务说要实现页面详情页不要被别人复制于是搜了下有两种方法,一种直接在body标签中添加属性,一种是js实现。

一:直接在body添加属性

<body oncontextmenu="return false" onselectstart="return false" oncopy="return false">

oncontextmenu:这个是点击鼠标右键是否显示面板

onselectstart:鼠标能否选中文本

oncopy:用户执行copy时候操作

二:js实现

document.oncontextmenu = function(){
  return false;
}
document.onkeydown = function(){
  if (event.ctrlKey && window.event.keyCode==67){
    return false;
  }
}
document.body.oncopy = function (){
  return false;
}
//不建议连选中文本都不行
document.onselectstart = function(){
  //return false;
}


同类文章