Web内容禁止选中的两种方式

为了防止无良网站的爬虫抓取文章，特此标识，转载请注明文章出处。LaplaceDemon/ShiJiaqi。

http://www.cnblogs.com/shijiaqi1066/p/5761818.html

 

 

 

方式一：CSS禁止元素选中。

• user-select: none; 不允许被选中。
• user-select:text; 允许被选中。

user-select不同浏览器支持不一样，参看下面例子。

例：禁止整个页面的内容被选择

body{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

 

 

方式二：JS禁止元素选中。

DOM元素有一个onselectstart事件，只要该事件函数返回false就可以了。

<div onselectstart="return false">
    <p>不允许被选中</p>
</div>

 

 

 

 

为了防止无良网站的爬虫抓取文章，特此标识，转载请注明文章出处。LaplaceDemon/ShiJiaqi。

http://www.cnblogs.com/shijiaqi1066/p/5761818.html

 

转载于:https://www.cnblogs.com/shijiaqi1066/p/5761818.html