禁止复制网页中的内容

最新推荐文章于 2024-03-12 07:00:00 发布

時間不夠以後

最新推荐文章于 2024-03-12 07:00:00 发布

阅读量153

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/weixin_43972213/article/details/103129239

版权

JavaScript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<body>
	用来测试页面内容是否可复制
</body>

方法一

添加JavaScript函数，禁止右键以及Ctrl+C

<script type="text/javascript">
	document.oncontextmenu = function(){
		return false
	}
	document.onkeydown=function(ev){
		var ev=window.event||ev;
	    if((ev.ctrlKey) && (ev.keyCode==67)){
	          ev.returnValue=false;
	    }
	}
</script>

方法二

在body中加入oncontextmenu 和 onselectstart 属性，或者在script标签中加入函数设置其属性

<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">
</body>
或
<body oncontextmenu="return false" onselectstart="return false">
</body>
或
<script language="Javascript">  
	document.oncontextmenu=new Function("event.returnValue=false");  
	document.onselectstart=new Function("event.returnValue=false");  
</script>

方法三

禁用右键菜单、复制、选择，使用jquery的方式

<script type="text/javascript">
	$(document).bind("contextmenu copy selectstart", function() {
	  return false;
	});
</script>

方法四

css的方法

body {
  -moz-user-select:none; /* Firefox私有属性 */
  -webkit-user-select:none; /* WebKit内核私有属性 */
  -ms-user-select:none; /* IE私有属性(IE10及以后) */
  -khtml-user-select:none; /* KHTML内核私有属性 */
  -o-user-select:none; /* Opera私有属性 */
  user-select:none; /* CSS3属性 */
}

关键点在于

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()"