JS清除选中内容的方法

最新推荐文章于 2022-05-03 16:47:40 发布
最新推荐文章于 2022-05-03 16:47:40 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： JS 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sue_Vivian/article/details/103600759
版权

JS清除选中内容的方法

常用于拖动滚动条的时候，不希望有内容被选中

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

 window.getSelection ? window.getSelection().removeAllRanges : document.getSelection().empty();
Sue_9293
关注
专栏目录
JS清除选择内容的方法
10-24
这个方法会移除所有的选区范围，达到清除选中内容的目的。 2. 在IE浏览器中，则使用document.selection.empty()方法来清除选中的内容。这是一个较为传统的方法，专门用于IE浏览器。 三、兼容性判断 为了确保在不同...
js清除选中的内容
Evan_QB的博客
09-09 2973
让被选文字清除。清除选中的内容 window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
web dom api中的Selection和Range
嘿嘿
02-18 583
web dom api中的Selection和Range 如果你做过wysiwyg这样的app,一个很让人头疼的问题是如何保证执行bold,italic等格式化操作后保持先前鼠标所在的位置。要好好的解决这个问题，就必须将Selection和Range的api搞搞清楚。 https://javascript.info/selection-range Selection and Range js可以获得当前的选中区域信息，可以选择或者去选择部分或者全部内容，清楚document中的选中部分，使用一个心的
js 清空选中页面部分
weixin_42367288的博客
08-06 354
$('#id').empty() // 清空选中位置的内容,防止重复往页面添加内容
初学Javascript笔记整理 (下)
pngyul的博客
03-24 454
PS: 笔者是学完一阶段整理一阶段，在往下学习的过程中发现上一期有一部分笔记整理的不够完善，所以在这一期我会继续补充一些上一期同一知识点的内容。   一、常用事件 1.常用事件 事件名 说明 onmousemove 鼠标移动 onmouseup 鼠标弹起 o...
jQuery 获取select选中值及清除选中状态
10-20
”通过attr()方法将id为loc_province_search的select元素的lang属性设置为了'0'，这可能是用来清除选中状态的一种方式。同样的操作也被应用于其他多个元素，例如城市和镇的搜索下拉列表、分类、行业和业务状态类型的...
三种取消选中单选框radio的方法
12-09
这里我们将详细探讨标题提及的三种取消选中单选框radio的方法，它们均依赖于JavaScript库jQuery，并且一种方法还涉及到了JavaScript的DOM操作。 1. **jQuery去除`checked`属性**： 这是第一种方法，通过jQuery的`...
JavaScript复制内容到剪贴板的两种常用方法
10-18
复制成功后，可以通过监听'success'事件并提供回调函数来处理后续逻辑，比如清除选中内容或者提示用户复制已成功。失败的情况也可以通过监听'error'事件进行相应的错误处理。 在使用完clipboard.js库后，如果是在单...
JavaScript中对光标和选区的操作
FEWY的博客
06-18 2138
在一些业务场景，比如高亮文本、输入编辑、等场景中需要对光标和选区进行操作时，可以使用浏览器提供的 Selection 对象和 Range 对象来操作光标和选区。 Selection 对象 Selection 对象表示用户选择的选区或插入符号的当前位置，它可能横跨多个元素。 //获取 Selection 对象 window.getSelection(); 用户可能从左到右（与文档方向相同）选择文本或从右到左（与文档方向相反）选择文本。 anchor （锚点）： 指向用户开始选择的地方。 focus （焦点
ES6面向对象案例-动态添加导航栏标签页
cake_eat的博客
09-24 595
效果图 点击加号+新增选项卡： 双击tab栏更改文字： HTML代码 CSS代码 JS 代码
【JavaScript】面向对象的Tab栏分页切换案例
weixin_43790653的博客
03-16 1923
之前我们用原生js实现过Tab栏的分页切换效果，这是一种面向过程的方式，详见【JavaScript】自定义属性的应用案例——Tab栏分页切换，而今天我们来通过一种面向对象的方式来重新实现一下Tab栏分页切换。 两大编程思想： 面向过程 POP(Process-oriented programming)：分析出解决问题所需要的步骤，然后用函数把步骤按顺序实现。 面向对象 OOP(Object-oriented programming)：把事务分解成一个个对象，然后由对象之间分工合作。以对象功能来划分问题，而
js-利用ranage 实现系统元素的选择
学习的路上，永不停止
06-14 357
let target = e.target; // 删除之前所有的选区 window.getSelection().removeAllRanges(); let selection = window.getSelection(); let range = document.createRange(); range.selectNode(...
js 双击禁止选择文字 window.getSelection().removeAllRanges() /document.selection.empty()
weixin_42448623的博客
06-19 2747
双击禁止选择文字 window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty()
清除选中内容
UNDEFINED_AUBE的博客
12-18 485
1、window.getSelection ? window.getSelection().removeAllRanges(): document.selection.empty() ;
JS学习笔记之面向对象 5.3
qq_36450483的博客
05-03 600
JS学习笔记之面向对象
整理了一些有用的js方法
为了技术而学习
09-06 820
一、清空选中 window.getSelection?window.getSelection().removeAllRange():document.selection.empty(); 二、操纵样式 var oCss=document.styleSheet[0].cssR
JS Range对象详解：HTML内容选中与应用
"本文主要介绍了JavaScript中的Range对象及其在HTML文档和文字内容选中中的应用。Range对象允许开发者选择HTML文档的任意部分，并进行操作，如复制、删除、替换等。文章探讨了如何将用户的文本选择转换为Range对象，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值