各浏览器禁止选中文字各自有个的方法。
代码
<!DOCTYPE html>
<html>
<body>
<divunselectable="on" style="background:#ccc;">unselectable="on"</div>
<br/>
<div style="background:#ccc;-webkit-user-select:none;">-webkit-user-select:none;</div>
<br/>
<div style="background:#ccc;-moz-user-select:none;">-moz-user-select:none;</div>
<br/>
<div style="background:#ccc;"onselectstart="return false;">onselectstart="return false;"</div>
</body>
</html>
效果
Chrome Safari | Firefox | IE | Opera | |
---|---|---|---|---|
unselectable="on" | no | no | yes | yes |
-webkit-user-select:none; | yes | no | no | no |
-moz-user-select:none; | no | yes | no | no |
onselectstart="return false;" | yes | no | yes | no |
总结
给标签设置样式-moz-user-select:none;-webkit-user-select:none;,同时标签设置unselectable="on",保证各个浏览器都能禁止选中文字。