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

摘要:
需要禁用“选择文本”功能。这需要CSS属性:用户无法选择文本:用户可以选择文本。注意:用户选择不是W3C CSS标准属性。您需要调整每个浏览器主体{-moz user select://webkit browser*/-ms user select:/*早期浏览器*/user select:}IE6-9未找到任何相关的CSS属性。

有时候,我们为了用户体验,需要禁用选择文本功能。
这需要用到一个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(){
  • returnfalse;
  • }

这样我们就可以结合CSS和JS的方法来禁用浏览器的文本选择功能了

免责声明:文章转载自《CSS禁止选择文本功能(兼容IE,火狐等浏览器)》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C#学习之unsafe使用 Python 查看局域网内存活主机下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

HTML和CSS的分离

  特别声明:此篇文章由Jekst根据Jonathan Snook的英文文章原名《Decoupling HTML From CSS》进行翻译,整个译文带有我们自己的理解与思想,如果译得不好或不对之处还请同行朋友指点。如需转载此译文,需注明英文出处:http://coding.smashingmagazine.com/2012/04/20/decouplin...

获取验证码的URL后边为什么要加上一个值不断变化的参数?

$(function(){ $("#change").click(function(){ //修改src属性 $("#imgCode").attr("src","image.action?dt="+new Date().getTime()); return false;//阻止href动作 }); }); 如上边代码所示,这是因为相同的url请求,浏览器不...

HTTP 代理原理及实现

本文转载自 https://imququ.com/post/web-proxy.html HTTP 代理原理及实现(一) 文章目录 普通代理 隧道代理 Web 代理是一种存在于网络中间的实体,提供各式各样的功能。现代网络系统中,Web 代理无处不在。我之前有关 HTTP 的博文中,多次提到了代理对 HTTP 请求及响应的影响。今天这篇文章,我打算...

关于Spring注解开发教程,打包全送你

摘要:spring是我们web开发中必不可少的一个框架,基于传统的xml方式配置bean总觉得太过繁琐,从spring2.5之后注解的出现可以大大简化我们的配置。 本文分享自华为云社区《如何高效提升Java开发效率—Spring注解开发全套教程!》,作者: 灰小猿。 一、使用注解标识组件 为了不再在IOC中一个个的声明类对象,首先根据每一个类的功能的不同...

HTTP详解--请求、响应、缓存

1. HTTP请求格式              做过Socket编程的人都知道,当我们设计一个通信协议时,“消息头/消息体”的分割方式是很常用的,消息头告诉对方这个消息是干什么的,消息体告诉对方怎么干。HTTP协议传输的消息也是这样规定的,每一个HTTP包都分为HTTP头和HTTP体两部分,消息体是可选的,而消息头是必须的。每当我们打开一个网页,在上面点...

nodejs下function,new function和this的研究

转:http://www.html5china.com/html5-article-3023-1.html 重点我都高亮了! 由于在使用nodejs之前接触js也比较少,最近一直被js的function和new function所困惑,由于两者都可以呈现出面向对象的样子,不知道两者的差别在哪里,就此问题做了一些研究。在研究的过程中发现this指针是个...