首页 > 网络编程 > JavaScript > javascript类库 > jquery > 禁止选文字

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

2013-09-04 16:41:55 作者：

禁止选中文字在某些时候还是蛮有必要的，比如不想让他人复制自己的文章之类的，下面为大家介绍下具体的实现方，而且兼容目前主流浏览器

 
$(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;/**禁止选中文字*/ 
} 

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

您可能感兴趣的文章: