JS清除选择内容的方法

JS获取、清除用户选择文本的方法

我在浏览某个网站的时候，偶然发现当我鼠标选择内容只要超过了30个字符的时候，就会清除所选择的内容。

可以这样实现同样的效果：

window有一个Selection 对象，表示用户选择的文本范围或光标的当前位置。 如果想要将 Selection 转换为字符串，可通过连接一个空字符串（""）或使用 String.toString() 方法。

window.getSelection().toString(); //获取用户选择的文本内容 window.getSelection().removeAllRanges() //清除鼠标获取元素的内容

 在IE9一下，用document.selection 获取当前网页中的选中内容，因为window没有Selection 对象。

document.selection.createRange().text; //用该表达式获取用户选择的文本内容 document.selection.empty(); //用该表达式清除鼠标获取元素的内容

实例讲述JS清除用户选择文本内容

$('html').mouseup(function(){ //通过Jquery来获取html标签，给其添加鼠标事件mouseup var ss = window.getSelection; var txt = ss ? window.getSelection().toString():document.selection.createRange().text; //获取用户选择的文本内容 if(txt.length>=30){ //判断文本内容是否超过29个 ss ? window.getSelection().removeAllRanges() : document.selection.empty();//清除鼠标获取元素的内容 } console.log(txt) ;//控制台打印用户选择的文本内容 });

这样就同样实现了规定用户在选择文本范围在30以下，超出30将会清除用户所选择的内容。