读书人

网页上的内容不可以复制该如何实现

发布时间: 2013-08-09 15:16:24 作者: rapoo

网页上的内容不可以复制该怎么实现
网页上的内容不管是图片还是文字或者是文章怎么实现不可以让别人复制啊,在JS中怎么实现啊,有大侠知道么? JavaScript 内容不可以复制
[解决办法]
firefox下css禁止选择就行

body {
-moz-user-select: none;
}

[解决办法]
8楼的方法是可行的。
(1)user-select是在css3中新增的,常用的值有五个:

auto——默认值,用户可以选中元素中的内容
none——用户不能选择元素中的任何内容
text——用户可以选择元素中的文本
element——文本可选,但仅限元素的边界内(只有IE和FF支持)
all——在编辑器内,如果双击/上下文点击发生在子元素上,改值的最高级祖先元素将被选中

不过各浏览器支持情况不一,一般可以通过以下方式兼容:

body{
-moz-user-select: none;//针对火狐浏览器
-webkit-user-select: none;//针对webkit内核的浏览器,如chrome/safari
-ms-user-select: none;//针对IE,但是IE10+才有效
}

(2) 使用onselectstart,对chrome,IE均有效,对火狐无效。
因此,如果想要最大限度兼容,两者要结合使用。

读书人网 >JavaScript

热点推荐