网页禁止复制的两种方式

两种方式:
1.检测到点击复制时直接return false
2.直接禁用右键

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>网页禁止复制的2种方式</title>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="//cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
		<style type="text/css">
			body .layui-layer-hui .layui-layer-content{
				padding: 50px !important;
			}
			p{
				cursor: pointer;
			}
		</style>
	</head>
	<!--方式一:body中加入代码-->
	<body oncopy="aa();return false;">
		<div style="width: 30%;margin: 0 auto;text-align: center;">
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
			<p>内容内容内容内容内容内容内容内容内容内容内容</p>
		</div>		
		<script type="text/javascript">
			function aa(){
				layer.msg('禁止复制!', {
				    time: 2000, //2s后自动关闭
				    area: ['300px', '150px']//宽高
				});
			};
			
//			方式二:js中加入这两行代码,使右键和复制失效.
//			document.oncontextmenu=new Function("event.returnValue=false"); 
//			document.onselectstart=new Function("event.returnValue=false"); 
		</script>
	</body>
</html>

感谢分享https://blog.csdn.net/Bright2017/article/details/67639473

猜你喜欢

转载自blog.csdn.net/qq_32963841/article/details/84656752