禁止小白右键复制站点内容

作者: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转载请标注此链接

文章推荐
七日热点
热力推荐
网站统计
文章总数:126
今天发布:1
软件资源数:17