前端坑

前端开发使用css禁止选中文本，模拟双击禁止选中文本，网页禁止选中文本

作者：网络 发布时间: 2017-07-12 阅读：

在我们日常的web前端开发的过程中呢，程序员们会遇到各种各样的要求，所以不每天学的东西感觉自己都退步了，都更不上时代的发展了。

每天应对各种需求，每天活在疑问中就是我们程序员的真是写照。但我们还是一样热爱生活，热爱App，HTML ,PHP。

前端开发使用css禁止选中文本，模拟双击禁止选中文本，网页禁止选中文本

如何禁止选中文字

直接上代码：

HTML代码

//html 代码

<p>

Selectable text.

</p>

<p class="noselect">

Unselectable text.

</p>

css 代码

.noselect {

-webkit-touch-callout: none; /* iOS Safari */

-webkit-user-select: none; /* Chrome/Safari/Opera */

-khtml-user-select: none; /* Konqueror */

-moz-user-select: none; /* Firefox */

-ms-user-select: none; /* Internet Explorer/Edge */

user-select: none; /* Non-prefixed version, currently

not supported by any browser */

}

在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加一个属性

unselectable="on"，否则可能不会生效哦~不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。

文章地址：http://blog.yunzhancms.com/index.php?s=/Article/detail/id/290 欢迎转载，转载时请注明出处