通过CSS规则禁止选中文字的实现代码
2014-06-18 00:49
691 查看
语法
Formal syntax: none | text | all | element
示例
IE兼容性
目前在IE 10以及IE 10以上版本的浏览器可以使用-ms-user-select这个规则,但在更早版本的IE,我们只能通过javascript实现禁止选中文本:
Formal syntax: none | text | all | element
(-prefix-)user-select: none; (-prefix-)user-select: text; (-prefix-)user-select: all; (-prefix-)user-select: element;
示例
.row-of-icons { -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */</p> <p> /* No support for these yet, use at own risk */ -o-user-select: none; user-select: none; }
IE兼容性
目前在IE 10以及IE 10以上版本的浏览器可以使用-ms-user-select这个规则,但在更早版本的IE,我们只能通过javascript实现禁止选中文本:
$(el).attr('unselectable','on') .css({'-moz-user-select':'-moz-none', '-moz-user-select':'none', '-o-user-select':'none', '-khtml-user-select':'none', /* you could also put this in a class */ '-webkit-user-select':'none',/* and add the CSS class here instead */ '-ms-user-select':'none', 'user-select':'none' }).bind('selectstart', function(){ return false; });
相关文章推荐
- CSS 鼠标选中文字后改变背景色的实现代码
- CSS 鼠标选中文字后改变背景色的实现代码
- Css鼠标选中文字后改变背景色的实现代码
- 最简单的代码实现禁止鼠标右键及选中网页中的文字,支持Firefox,亲测可用
- js+css实现禁止鼠标右键与选中网页文字
- JavaScript+CSS实现的文字幻灯切换代码
- css实现文字层浮在图片之上示例代码
- CSS 禁止文字选中
- 用CSS实现文字垂直居中的代码
- JavaScript事件流 HTML和CSS代码支持页面的外观,JavaScript代码支持页面的行为,而JavaScript与HTML之间的交互是通过事件实现的。事件,是文档或者浏览器窗口中发生
- js禁止document element对象选中文本实现代码
- 鼠标滑过文字弹出一段说明文字CSS实现,不通过JS实现
- 用CSS实现文字垂直居中的代码
- 用CSS实现文字垂直居中的代码
- 通过label标记实现单选框点击文字也能选中
- js+css实现文字散开重组动画特效代码分享
- Js 载入时选中文字的实现代码
- css实现图片选中效果,选中后在图片上有内框和文字介绍
- JavaScript 选中文字并响应获取的实现代码
- CSS文字截取功能实现代码