指引网

当前位置: 主页 > 网页制作 > JavaScript >

js 如何防止别人复制网站上的内容?

来源:网络 作者:佚名 点击: 时间:2017-08-07 22:18
[摘要] 前几天在自己的QQ群里提问了如何防止别人复制你网站上的文章,很多搞技术的朋友都给出了许多宝贵的经验,大致是两种方法,一种是把写好的文...
前几天在自己的QQ群里提问了如何防止别人复制你网站上的文章,很多搞技术的朋友都给出了许多宝贵的经验,大致是两种方法,一种是把写好的文字制作成为图片,然后再发表。另一种方法就是在文章中加入防止复制的js代码,如禁止右键的js代码,使阅读者的鼠标左键和右键全部失效,从而达到防止文章被复制的目的.
js 如何防止别人复制网站上的内容?

经过自己的亲自测试感觉都不是很理想,但是我认为第二种方法的思路是对的,在网站的内容页中加入合适的属性,使之不能复制,未必用js代码实现,因为js对网站的优化不是很友好,用html的属性个人感觉更好些。
通常复制内容是在别人网站上把要复制的内容全选,然后点击鼠标右键通过复制功能来复制文章内容,或者直接使用快捷键ctrl+c复制,禁止选取文章内容的文字,然后屏蔽鼠标右键,也就是说,当访客在我们的网站中,点击右键时不弹出复制的按钮,也就禁止复制功能。
 
实现起来非常简单,在BODY代码中加入以下属性代码既可
 
 
复制代码 代码如下:
<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">
这段代码就是禁止复制文字,你可以把这段代码插入到你的网页里,试试看,是不是文字都不能复制了呢?
 
经过测试,发现此方法对IE浏览器的效果非常好,但是对火狐浏览器,还是可以用ctrl+c复制的,并不是很完美,期待大家能提出更好的建议,进一步完善。
------分隔线----------------------------