禁止选中文字兼容IE、Chrome、FF等

234 阅读 0 评论 155 点赞

我是靠谱客的博主平淡洋葱，最近开发中收集的这篇文章主要介绍禁止选中文字兼容IE、Chrome、FF等，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

复制代码代码如下:

 
$(el).attr('unselectable','on') 
.css({'-moz-user-select':'-moz-none', 
'-moz-user-select':'none', 
'-o-user-select':'none', 
'-khtml-user-select':'none', /* you could also put this in a class */ 
'-webkit-user-select':'none',/* and add the CSS class here instead */ 
'-ms-user-select':'none', 
'user-select':'none' 
}).bind('selectstart', function(){ return false; }); 

根据上面分析可以设置你需要禁止选中文字区域的 css。如：

复制代码代码如下:

 
.table { 
text-align: center; 
vertical-align:middle; 
height: 39px; 
overflow: hidden; 
moz-user-select: -moz-none; 
-moz-user-select: none; 
-o-user-select:none; 
-khtml-user-select:none; /* you could also put this in a class */ 
-webkit-user-select:none;/* and add the CSS class here instead */ 
-ms-user-select:none; 
user-select:none;/**禁止选中文字*/ 
} 