CSS禁止选择文本功能(兼容IE,火狐等浏览器)
来源:互联网 发布:小米网络电视直播 编辑:程序博客网 时间:2024/05/16 05:36
有时候,我们为了用户体验,需要禁用选择文本功能。
这需要用到一个CSS属性:user-select,user-select的文档点这里
user-select有两个值:
none:用户不能选择文本
text:用户可以选择文本
需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整
body{
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/
user-select: none;
}
IE6-9还没发现相关的CSS属性,只能通过JS来实现
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
这样我们就可以结合CSS和JS的方法来禁用浏览器的文本选择功能了
- CSS禁止选择文本功能(兼容IE,火狐等浏览器)
- CSS禁止选择文本功能(兼容IE,火狐等浏览器)
- IE,火狐,OPERA等浏览器CSS Hack和向后兼容
- div css背景颜色半透明 文字不透明兼容ie、火狐等浏览器
- 兼容ie 火狐 谷歌等各大浏览器css hack代码总结
- div css背景颜色半透明 文字不透明兼容ie、火狐等浏览器
- js在ie、火狐等浏览器的兼容
- 禁止右键+禁止选择文本JS代码分享(兼容主流浏览器)
- [哀悼芦山地震]把网页变成黑白(谷歌、火狐、ie等浏览器兼容)
- ASP.NET关闭当前页(兼容IE、谷歌、火狐等主流浏览器)
- innerText 兼容火狐 ie浏览器
- CSS -- 实现DIV层背景颜色渐变 (兼容IE 火狐 谷歌浏览器)
- firefox(火狐)与IE Chrome浏览器兼容的javascript和CSS写法
- 禁止浏览器缓存(适合火狐和IE)
- 禁止选择文本的css(chrome,safari,firefox等)
- [哀悼雅安芦山地震]把网页由彩色变成灰度(谷歌、火狐、ie等浏览器兼容)
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- CSS 背景图拉伸 兼容 FF Chrome IE 等主流浏览器
- APUE学习笔记——第十六章 网络IPC:套接字
- 旧日志整理之二: 重读华罗庚的故事
- C# DllImport的用法
- HDU-1007 Quoit Design
- js 命名规范
- CSS禁止选择文本功能(兼容IE,火狐等浏览器)
- 使用旧的控制文件恢复数据库
- [转]功能最强大的编辑器——vi
- 《细节觉得交互设计的成败》读书笔记
- cxtypes.h 在2.4.3版本无法找到
- scribe概述
- 自适应滤波器
- CentOS6.3安装JDK和环境配置
- 括号问题 下面的代码用于判断一个串中的括号是否匹配 所谓匹配是指不同类型的括号必须左右呼应,可以相互包含,但不能交叉