js实现禁止文本复制、禁止选中文本

学习笔记 马富天 2016-08-17 09:43:54 128 0

【摘要】很多时候我们不希望自己发布的文章被别人直接复制粘贴,我们通常会做的就是通过js来禁止用户选中文本并且禁止复制文本,本文讲讲通过js的onselectstart事件、oncoty事件实现这一功能。

首先介绍一些js的两个事件:onselectstart 事件、oncopy 事件。

onselectstart 事件:使用js禁止用户选中网页上的内容,目前基本多数浏览器都是支持的。

oncopy 事件:当用户在拷贝网页上元素的内容时触发的事件。目前基本上所有浏览器都是支持的。

这两个事件已经获得了绝大多数浏览器的支持。(本人亲测)

下面给出完整代码:

  1. <!DOCTYPE html>
  2. <html>
  3. 	<head>
  4. 		<meta charset="utf-8" />
  5. 		<title>js实现禁止文本复制、禁止选中文本</title>
  6. 	</head>
  7. 	<body>
  8. 		<p>这是一段普通的文本文字,你可以选中并且复制。</p>
  9. 		<p onselectstart = "return false">onselectstart = "return false":这是一段文本内容,但是你不能选中</p>		
  10. 		<p oncopy = "return false">oncopy = "return false",这段文字你可以选中,但是不能复制</p>
  11. 		<p oncopy = "return false" onselectstart = "return false">这是一段文字,你不能选中也不能复制。</p>
  12. 	</body>
  13. </html>

运行结果如图:

请输入图片名称

版权归 马富天个人博客 所有

本文标题:《js实现禁止文本复制、禁止选中文本》

本文链接地址:http://www.mafutian.com/186.html

转载请务必注明出处,小生将不胜感激,谢谢! 喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^

0

0

上一篇《 oncontextmenu 事件禁止鼠标右键点击事件【隐藏上下文菜单】 》 下一篇《 jQuery实现页面弹窗【实现打赏功能】 》

暂无评论

评论审核未开启
表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情 表情
验证码

TOP10

  • 浏览最多
  • 评论最多