首页 > 代码库 > [转]CSS禁止选择文本功能
[转]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-9document.body.onselectstart = document.body.ondrag = function(){return false;}
这样我们就可以结合CSS和JS的方法来禁用浏览器的文本选择功能了
[转]CSS禁止选择文本功能
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。