禁止选择网页内容

  用css禁止选择浏览器显示的网页的内容

user-select有两个值

  • none:用户不能选择文本
  • text:用户可以选择文本

  注意:user-select不是一个W3C的CSS标准属性,浏览器支持的不完善,各种浏览器的实现都不一样,需要针对不同浏览器加上对应的CSS,示例代码如下

    body{
    -moz-user-select: none; /*火狐*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10*/
    -khtml-user-select: none; /*早期浏览器*/
    user-select: none;
    }

  IE6-9没有相关的CSS属性,可以通过JS来实现

document.onselectstart = document.ondrag = function(){return false;}

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:禁止选择网页内容

评论(0)Web开发网
阅读(530)喜欢(0)HTML/CSS兼容/XML