博主辛苦了,我要打赏银两给博主,犒劳犒劳站长。
【摘要】很多时候我们不希望自己发布的文章被别人直接复制粘贴,我们通常会做的就是通过js来禁止用户选中文本并且禁止复制文本,本文讲讲通过js的onselectstart事件、oncoty事件实现这一功能。
首先介绍一些js的两个事件:onselectstart 事件、oncopy 事件。
onselectstart 事件:使用js禁止用户选中网页上的内容,目前基本多数浏览器都是支持的。
oncopy 事件:当用户在拷贝网页上元素的内容时触发的事件。目前基本上所有浏览器都是支持的。
这两个事件已经获得了绝大多数浏览器的支持。(本人亲测)
下面给出完整代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>js实现禁止文本复制、禁止选中文本</title>
</head>
<body>
<p>这是一段普通的文本文字,你可以选中并且复制。</p>
<p onselectstart = "return false">onselectstart = "return false":这是一段文本内容,但是你不能选中</p>
<p oncopy = "return false">oncopy = "return false",这段文字你可以选中,但是不能复制</p>
<p oncopy = "return false" onselectstart = "return false">这是一段文字,你不能选中也不能复制。</p>
</body>
</html>
运行结果如图:
版权归 马富天PHP博客 所有
本文标题:《js实现禁止文本复制、禁止选中文本》
本文链接地址:http://www.mafutian.net/186.html
转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^
顶0
踩0
评论审核未开启 |