当前位置: 首页 > Web前端 > CSS

通过CSS规则禁止选中文本

时间:2023-03-30 16:02:35 CSS

禁止选中文本在某些场景下还是很有必要的,比如不想让别人抄袭自己的文章。这时候我们可以使用CSS+JS来解决这个问题。另外,这里需要指出的是,user-select目前还不是W3C的官方标准,各个浏览器都以私有属性的形式提供支持。语法形式语法:无|文字|所有|element复制代码代码如下:(-prefix-)user-select:none;(-prefix-)user-select:text;(-prefix-)user-select:all;(-prefix-)user-select:元素;示例代码如下:.row-of-icons{-webkit-user-select:none;/*Chromeall/Safariall*/-moz-user-select:none;/*Firefox所有*/-ms-user-select:none;/*IE10+*/

/*尚不支持这些,使用风险自负*/-o-user-select:none;user-select:none;}IE兼容性目前IE10及IE10以上的浏览器都可以使用-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',/*你也可以把它放在一个类中*/'-webkit-user-select':'none',/*并在此处添加CSS类*/'-ms-user-select':'none','user-select':'none'}).bind('selectstart',function(){returnfalse;});