会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
risheng
博客园
首页
新随笔
联系
订阅
管理
随笔 - 25
文章 - 7
评论 - 14
阅读 -
12838
2024年5月28日
JavaScript 中的 Range 和 Selection 对象
摘要:
最近在做鼠标框选的需求,鼠标框选就需要用到 Range 和 Selection 对象。 Range 表示选择的区间范围,Selection 表示选择的文档内容。 Range 接口表示一个包含节点与文本节点的一部分的文档片段。 不仅仅可以用于鼠标框选,页面上任何元素、文本都可以创建 Range。 Selection 对象表示用户选择的文本范围或插入符号的当前位置。它代表页面中的文本选区,可能横跨多个元素。
阅读全文
posted @ 2024-05-28 20:30 日升_rs
阅读(433)
评论(0)
推荐(1)
编辑
公告
昵称:
日升_rs
园龄:
1年2个月
粉丝:
7
关注:
0
+加关注
<
2025年3月
>
日
一
二
三
四
五
六
23
24
25
26
27
28
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
最新随笔
1.ChromeOS 133 版本更新
2.ChromeOS 134 版本更新
3.Chrome 133 版本新特性
4.Chrome 134 版本新特性
5.Chrome 浏览器 131 版本新特性
6.Chrome 130 版本开发者工具(DevTools)更新内容
7.Chrome 130 版本新特性& Chrome 130 版本发行说明
8.JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆对象的区别
9.Rust 操作符及示例
10.Rust 中的关键字以及示例
我的标签
前端
(23)
JavaScript
(17)
浏览器
(16)
Chrome
(15)
Chrome 浏览器插件
(8)
Rust
(3)
ES 新特性
(3)
合集
(5)
Chrome 浏览器插件(5)
前端(19)
ES 新特性(1)
JavaScript(9)
Rust(1)
随笔档案
(25)
2025年3月(4)
2024年11月(3)
2024年9月(6)
2024年7月(1)
2024年6月(2)
2024年5月(5)
2024年1月(4)
阅读排行榜
1. JS Navigator.sendBeacon 可靠的、异步地向服务器发送数据(1204)
2. Web 网页性能及性能优化(1183)
3. Chrome 130 版本新特性& Chrome 130 版本发行说明(1067)
4. JS 监听用户页面访问&页面关闭并进行数据上报操作(920)
5. ES 2024 新特性(915)
评论排行榜
1. Web 网页性能及性能优化(4)
2. Web 页面性能衡量指标-以用户为中心的效果指标(2)
3. JS 监听用户页面访问&页面关闭并进行数据上报操作(2)
4. JS 实现鼠标框选(页面选择)时返回对应的代码或文本内容(2)
5. ES 2024 新特性(2)
推荐排行榜
1. Web 网页性能及性能优化(7)
2. Web 页面性能衡量指标-以用户为中心的效果指标(4)
3. ES 2024 新特性(3)
4. Chrome 浏览器 131 版本新特性(2)
5. JavaScript 中 structuredClone 和 JSON.parse(JSON.stringify()) 克隆对象的区别(2)
最新评论
1. Re:Chrome 插件 V3 版本 Manifest.json 中的内容脚本(Content Scripts)解析
写的很简洁易懂👍🏻
--Exisi
2. Re:JS 监听用户页面访问&页面关闭并进行数据上报操作
@flashwavel 客气...
--日升_rs
3. Re:JS 监听用户页面访问&页面关闭并进行数据上报操作
感谢分享
--flashwavel
4. Re:Web 网页性能及性能优化
6666666
难得看到一篇这么深入的!
现在的前端几乎都VUE了,前端的基础反而丢到姥姥家了!
--PasteSpider
5. Re:Web 网页性能及性能优化
牛
--WebAssembly
关于
CSDN
掘金
我的博客
Chrome 浏览器插件开发实践指南 netlify 版
Chrome 浏览器插件开发实践指南 github 版
点击右上角即可分享