网站中使用JS禁止右键菜单，禁用复制等功能

☁️上次我说了怎么关闭网站的JS代码，让其可以轻松复制，这回我说说怎么让你自己的网站禁止复制

首先我们看看怎么禁止右键功能
在这里插入图片描述
这很明显，右键废了，视频中看不出来，但是从瞎划拉也可以看出右键用不了✌️我很高兴哈哈👏

那么代码就是这样

<div oncontextmenu="return false;" onselectstart="return false;" style="background-color:#ff0000;">
		<p>已经控制，此文本无法复制</p>
	</div>

不一定非得要div标签中，body、p、a什么标签都行，只要是能有文字的⭕️

那么这个给用户的感觉🍊很不友好，我们要做到既无法复制又不能阻止右键所有功能，那么只需要阻止oncopy就可以啦
在这里插入图片描述
实在是不想加文字了，凑活着看看GIF就行了，手 敲 的

这个的代码是：

<div style="background-color: lightskyblue;">
		<script src="./js/control.js">
			
		</script>
	</div>

好吧，这个我用的是JS，当然还可以写在HTML中，而且
Carbon生成的代码啦！

JS是：

document.oncopy=new Function("event.returnValue=false");
document.write("以控制复制问题，没有全部禁用右键，至禁用复制")

在这里插入图片描述
那么可以来个气人的！
看实例：
在这里插入图片描述
是不是气人，用户气死了！
在这里插入图片描述
所有代码，自己试试，没什么要安装的
HTML：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>JS控制</title>
	</head>
	<body>
	<!--
	<body οncοntextmenu="return false;" onselectstart="return false">
	
	
	document.onselectstart=new Function("event.returnValue=false");
	-->
	<div oncontextmenu="return false;" onselectstart="return false;" style="background-color:#ff0000;">
		<p>已经控制，此文本无法复制</p>
	</div>
	<div style="background-color:#00ff00">
		<p>未控制，此文本可以复制</p>
	</div>
	<div style="background-color: lightskyblue;">
		<script src="./js/control.js">
			
		</script>
	</div>
	<div style="background-color: azure;" oncopy="alert('对不起，禁止复制！');return false;">
		<p>以控制，禁用复制，并弹出窗口</p>
	</div>
	</body>
</html>

JS：

document.oncopy=new Function("event.returnValue=false");
document.write("以控制复制问题，没有全部禁用右键，至禁用复制")

文件树
在这里插入图片描述

posted @ 2020-05-08 21:49  Aeterna_Gungnir  阅读(383)  评论(0)  编辑  收藏  举报