禁止小白右键复制站点内容
作者：Davidszhou 来源:SEO优化博客 时间:2015-04-10 22:15:28 点击：今天一位客户希望把自己网站内容禁止复制，禁止右键。可能是内容有一些自己的东西吧，其实加了一些代码在上面，防止一般访客复制还OK，真要遇到大神，真是加什么用处也不大。
浏览器禁止右键代码如下：
<script type="text/javascript">
function block(oEvent){
if(window.event)
oEvent=window.event;
if(oEvent.button==2)
alert("鼠标右键不可用");
}
document.onmousedown=block;
</script>
鼠标右键会弹出一个窗口提示右键不可用，如果禁止选中页面内容需要在<body>标签内部添加：onselectstart="return false"；如：<body onselectstart="return false">
这样达成右键失败，不能选中页面内容复制目的。
这种百度真是一堆，以上代码在body标签内添加禁止选中代码在火狐浏览器下失效。
添加另外一种代码：
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
这种是CSS样式，针对了不同版本的浏览器进行设置。
user-select详解：
其实用来控制内容的选择，一共有四个值可选：
text – 可以选择文本
element – 可以选择文本，但选择范围受元素边界的约束(只有IE和FF支持)
none – 不可以选择文本
auto – 如果该元素包含可编辑的文本（如输入元素或可编辑内容的元素），则可以选择文本。否则，元素内容是否可选择由父节点的值决定。
引申：
all——在编辑器内，如果双击/上下文点击发生在子元素上，改值的最高级祖先元素将被选中。
-moz-none——firefox私有，元素和子元素的文本将不可选，但是，子元素可以通过text重设回可选。
TAGS:右键复制
来自Davids zhou博客原创文章请尊重作者：http://www.zongk.com/zongk/35.html转载请标注此链接
- 七日热点
- 热力推荐
- TAGS 列表
- 网站统计
- 文章总数：138
- 今天发布：0
- 软件资源数：20
- 友情连接：()
Davids zhou | 站点地图 | | | 皖ICP备14017762号 如有侵犯您权利点击上面QQ -Powered By 帝国CMS -davids.zhou#qq.com(#换@)
Davidszhou个人博客主要记录在网站建设、SEO优化、python开发、PHP开发中遇到问题记录保存，作为他人参考学习教程
