当前位置: 首页 > news >正文

CSS禁止选择文本功能(兼容IE,火狐等浏览器)



有时候,我们为了用户体验,需要禁用选择文本功能。
这需要用到一个CSS属性:user-select,
user-select的文档点这里

user-select有两个值:
none:用户不能选择文本
text:用户可以选择文本

需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整

copytext

    
  • body{
  • -moz-user-select: none; /*火狐*/
  • -webkit-user-select: none; /*webkit浏览器*/
  • -ms-user-select: none; /*IE10*/
  • -khtml-user-select: none; /*早期浏览器*/
  • user-select: none;
  • }
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来实现

copytext

    
  • //IE6-9
  • document.body.onselectstart = document.body.ondrag = function(){
  • return false;
  • }

相关文章:

  • ASP版MD5加密函数及用法
  • MySQL中进行树状所有子节点的查询
  • mysql中的 IN和FIND_IN_SET的查询问题
  • linux取消屏保
  • Linux下tar.xz结尾的文件的解压方法
  • 解决 /lib/libc.so.6: version `GLIBC_2.11′ not found
  • configure: error: C++ preprocessor /lib/cpp fails sanity check
  • Glibc-2.4.tar.gz的安装问题一个一个解决
  • 编译安装glibc
  • Ubuntu 更新glibc
  • VMware Linux 共享文件夹 虚拟机无共享文件解决方法
  • 编译出错:X11/extensions/XTest.h:没有那个文件或目录
  • apache-tomcat-7 设置最大上传.war文件大小
  • 关于异常“The 'Microsoft.ACE.OLEDB.12.0' provider is not registered on the local machine”的处理
  • 让IIS 7显示ASP的详细错误信息-无论什么样的代码错误,只显示“500 - 内部服务器错误解决
  • 30秒的PHP代码片段(1)数组 - Array
  • ES2017异步函数现已正式可用
  • ES6核心特性
  • in typeof instanceof ===这些运算符有什么作用
  • Javascript编码规范
  • JavaScript新鲜事·第5期
  • Java基本数据类型之Number
  • opencv python Meanshift 和 Camshift
  • React+TypeScript入门
  • React16时代,该用什么姿势写 React ?
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • 阿里云购买磁盘后挂载
  • 纯 javascript 半自动式下滑一定高度,导航栏固定
  • 大数据与云计算学习:数据分析(二)
  • 二维平面内的碰撞检测【一】
  • 嵌入式文件系统
  • 算法之不定期更新(一)(2018-04-12)
  • 微信小程序设置上一页数据
  • 一起来学SpringBoot | 第十篇:使用Spring Cache集成Redis
  • 移动端解决方案学习记录
  • 译米田引理
  • 用Canvas画一棵二叉树
  • 与 ConTeXt MkIV 官方文档的接驳
  • PostgreSQL 快速给指定表每个字段创建索引 - 1
  • ​软考-高级-信息系统项目管理师教程 第四版【第23章-组织通用管理-思维导图】​
  • #ubuntu# #git# repository git config --global --add safe.directory
  • $.extend({},旧的,新的);合并对象,后面的覆盖前面的
  • $con= MySQL有关填空题_2015年计算机二级考试《MySQL》提高练习题(10)
  • (4) PIVOT 和 UPIVOT 的使用
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (阿里巴巴 dubbo,有数据库,可执行 )dubbo zookeeper spring demo
  • (十六)Flask之蓝图
  • (一)硬件制作--从零开始自制linux掌上电脑(F1C200S) <嵌入式项目>
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (转)大道至简,职场上做人做事做管理
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .Net CoreRabbitMQ消息存储可靠机制
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .NET 中使用 TaskCompletionSource 作为线程同步互斥或异步操作的事件
  • .NET/C# 使用反射调用含 ref 或 out 参数的方法