网页禁止复制的两种方式

最新推荐文章于 2024-07-05 17:30:45 发布

Bright2017

最新推荐文章于 2024-07-05 17:30:45 发布

阅读量6k

点赞数 2

分类专栏：网页中用到过的效果 JavaScript Jquery 文章标签：禁止复制

本文链接：https://blog.csdn.net/Bright2017/article/details/67639473

版权

网页中用到过的效果同时被 3 个专栏收录

138 篇文章 0 订阅

订阅专栏

JavaScript

50 篇文章 1 订阅

订阅专栏

Jquery

25 篇文章 0 订阅

订阅专栏

两种方式：

        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 οncοpy="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.οncοntextmenu=new Function("event.returnValue=false"); 
//			document.onselectstart=new Function("event.returnValue=false"); 
		</script>
	</body>
</html>