文本选择问题： css & js

转载于 2016-05-08 16:51:00 发布 · 43 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zsk526/p/5469762.html

本文介绍了一种使用CSS和JavaScript禁用及启用网页元素文本选择的方法。通过设置特定的CSS样式，可以防止用户在页面上进行文本选择；同时提供了一个JavaScript函数用于清除已有的文本选择状态。

CSS:

 1 /*Disable browser selection*/
 2 .disableselect
 3 {
 4     -webkit-user-select: none;
 5     -moz-user-select: none;
 6     user-select: none;
 7     -ms-user-select:none;
 8     -webkit-touch-callout:none;
 9     -webkit-tap-highlight-color: rgba(0,0,0,0);
10 }
11 .enableselect {
12     -webkit-user-select: text;
13     -moz-user-select: text;
14     -ms-user-select:text;
15     user-select:all;
16 }

JS:

1 var clearSlct= "getSelection" in window ? function(){
2  window.getSelection().removeAllRanges();
3 } : function(){
4  document.selection.empty();
5 };