阻止元素被选中
2015-12-23 01:14
351 查看
1.IE10+实现方式,css3
user-select: auto; => 用户可以选中元素中的内容
user-select: none; => 用户不可选中元素中的内容
user-select: text; => 用户可以选中元素中的文字
目前 user-select 兼容 Chrome 6+、Firefox、IE 10+、Opera 15+、Safari 3.1+。
2.IE5.5-9的实现,unselectable
unselectable属性不具有继承性,如果要设置整个页面,就要遍历所有子元素并为各子元素添加该属性才有效。
3.参考
《JavaScript框架设计》──9.3.2 user-select
难道你以为仅仅这样就可以阻止firefox选中文本了嘛
.unselect { -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; /* 以下两个属性目前并未支持,写在这里为了减少风险 */ -o-user-select: none; user-select: none; }
user-select: auto; => 用户可以选中元素中的内容
user-select: none; => 用户不可选中元素中的内容
user-select: text; => 用户可以选中元素中的文字
目前 user-select 兼容 Chrome 6+、Firefox、IE 10+、Opera 15+、Safari 3.1+。
2.IE5.5-9的实现,unselectable
<span unselectable="on"></span>
unselectable属性不具有继承性,如果要设置整个页面,就要遍历所有子元素并为各子元素添加该属性才有效。
3.参考
《JavaScript框架设计》──9.3.2 user-select
难道你以为仅仅这样就可以阻止firefox选中文本了嘛
相关文章推荐
- CSS属性(常用的属性)
- iOS.ReactNative-5-make-react-native-to-support-dynamically-update
- 解决一些网站文字不能复制的问题?java应用
- Netty4 HTTP请求参数解析(GET, POST)
- Docker系列三
- 电脑随机数是如何生成的?
- striving for simplicity:the all convolutional net
- cygwin(x64) 下编译 redis
- Java 注解
- C-语言-detail(上)
- Java Script基础(十二) 正则表达式
- 中位数求和 BUAA214 大新闻
- Java Script基础(十一) 表单验证
- js内置对象
- matlab设置mex失败
- Java Script基础(十) 访问样式表
- 如何定义一个带参数的宏
- Java Script基础(九) 下拉列表对象
- Scrum Guide - Scrum指南中文版
- Java Script基础(八) Array数组对象