禁止選取文字相容IE、Chrome、FF等_jquery

複製程式碼 程式碼如下:

$(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;/***/
}