css禁止选择复制某区域或元素无需js代码|三体教程
文章目录

css禁止选择复制某区域或元素无需js代码

某些网站,你想复制些内容,但是移动鼠标却无法复制选择。

想必这样的问题小伙伴们都有遇到过吧?

有些是使用javascript来禁用了鼠标右键,有些是禁用了复制选择。

但这些都是针对整个页面的。

那么有没有只针对某个区域,或是某一块元素来设置禁止选择复制呢?

如下图:

css禁止选择复制某区域或元素无需js代码

有,而且只需使用css就可以。

请看下面这段内容。

你无法选择我,你就算全ctrl+a全选择也无法选择,就更不用说复制我了,不信你试试。

你只需要要给要禁止复制选择的元素加上以下样式即可。

.disallowcopy{-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;}

亲自测试一下

注意,存在浏览器兼容问题,一些老版本的浏览器不兼容,大部分现在使用的浏览器都可以正常使用。

本文网址:http://www.santii.com/article/201.html


数据更新时间:2018-07-22