当前位置: 首页 > 编程笔记 >

JS清除选择内容的方法

穆俊杰
2023-03-14
本文向大家介绍JS清除选择内容的方法,包括了JS清除选择内容的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JS清除选择内容的方法。分享给大家供大家参考。具体分析如下:

今天在做一个DIV拖动的效果,发现在拖动的时候会选中页面中的文本,于是找了一下JS清除选择的内容的相关信息。

在得到的结果中发现: 在谷歌、火狐、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();
});

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 问题内容: 我有一个jTable,它的表模型定义如下: 有谁知道我如何清除其内容?就这样它返回到一个空表吗? 问题答案: 最简单的方法: 也就是说,您的reset方法告诉模型具有0行数据。模型将向表中触发适当的数据更改事件,表将自行重建。

  • 问题内容: 我有两个mysql表。 第一个称为“选择”,由id,user_id和widget_id字段组成。 另一个称为“小部件”,包括widget_id等几项内容。 我创建了一个过滤器,以便用户可以显示他/她选择的小部件,也可以显示他/她没有选择的小部件。对于他选择的人,我使用以下方法: 但是,我不知道如何显示他/她没有选择的内容。这不起作用(显示所有内容): 我该怎么做呢? 问题答案: 使用N

  • 问题内容: 我找不到答案的简单问题:如何使用JavaScript(或jQuery)取消选择可能在网页上选择的任何文本?EG用户单击并拖动以突出显示一些文本- 我想要一个函数deselectAll()来清除此选择。我应该怎么写呢? 谢谢您的帮助。 问题答案:

  • 本文向大家介绍Java 语言实现清除带 html 标签的内容方法,包括了Java 语言实现清除带 html 标签的内容方法的使用技巧和注意事项,需要的朋友参考一下 实例如下: 以上这篇Java 语言实现清除带 html 标签的内容方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 问题内容: 当用户单击我页面上的按钮时,应清除div的内容。我将如何实现这一目标? 问题答案: 只是Javascript(根据要求) 将此功能添加到页面上的某个位置(最好在中) 然后在点击事件上添加按钮: 在JQuery中(供参考) 如果您喜欢JQuery,则可以执行以下操作:

  • 问题内容: 晚上好,我想知道如何清除写入到PrintWriter的数据,即是否可以在打印后从PrintWriter删除数据? 在此servlet中,我在响应中打印一些文本,并在#表示的行上希望删除所有先前打印的数据并打印新内容: 注意:我尝试过out.flush(),但旧的打印文本仍然保留 问题答案: 创建一个内存使用。您可以从获取底层缓冲区,并在需要时清除它。