实现页面不被复制

今天业务说要实现页面详情页不要被别人复制于是搜了下有两种方法,一种直接在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;
}
原文摘自 编程爱好者之家链接: http://www.codelovers.cn/article/20180418094711.html

猜你喜欢

转载自blog.csdn.net/tangjuntangjun/article/details/80922274
今日推荐