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

来源：互联网发布：秦岭村庄消失知乎编辑：程序博客网时间：2024/06/06 11:40

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

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

0 0