js清除选择内容,js清除选中文本内容

发布时间:2019-07-16编辑:脚本学堂
js清除选择内容的方法,在拖动div时会选中页面文本,如何用js清除选中的内容,不同浏览器下分别借助getselection属性、selection属性清除选择内容。
js清除选择内容的方法

用到二个重要属性:
getSelection属性、selection属性

在谷歌、火狐、Opera浏览器中,window对象有getSelection属性,而在IE中没有。
IE中的document对象有selection属性,因此清除页面中选择的内容也就可以得到解决。

在谷歌、火狐、Opera浏览器中,可以很容易的通过 window.getSelection().removeAllRanges() 清除选中的内容。
在IE中可以通过 document.selection.empty() 来清除选中的内容。

例子:
复制代码 代码示例:
var clearSlct= "getSelection" in window ? function(){
window.getSelection().removeAllRanges();
} : function(){
document.selection.empty();
};
 
说明:"getSelection" in window 用于判断window对象中是否含有getSelection属性,如果为true则说明当前浏览器支持getSelection,也即浏览器为非IE浏览器,反之亦然。

禁止用户选中页面中的内容
复制代码 代码示例:
//防止鼠标选中内容(当鼠标松开时清除选中内容)
window.onmouseup=function(){
clearSlct();
}
//防止通过键盘选中内容(当按键松开时清除选中内容)
window.onkeyup=function(){
clearSlct();
}
//使用jquery的方法
$(window).on("mouseup keyup",function(){
clearSlct();
});