jquery

关注公众号 jb51net

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

禁止选中文字兼容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;/**禁止选中文字*/
}
您可能感兴趣的文章:
阅读全文