摘要: JavaScript 中的 Range 和 Selection 对象 JavaScript 中的 Range 和 Selection 对象 前言 最近在做鼠标框选的需求,鼠标框选就需要用到 Range 和 Selection 对象。 Range 表示选择的区间范围,Selection 表示选择的文档内容。 下面就详细说下这两个对象 一、Range Range 接口表示 阅读全文
posted @ 2024-05-23 11:35 日升_rs 阅读(15) 评论(0) 推荐(0) 编辑
摘要: JS 实现鼠标框选(页面选择)时返回对应的代码或文案内容 JS 实现鼠标框选(页面选择)时返回对应的代码或文案内容 一、需求背景 1、项目需求 当用户进行鼠标框选选择了页面上的内容时,把选择的内容进行上报。 2、需求解析 虽然这需求就一句话的事,但是很显然,没那么简单... 因为鼠标框选说起来简单,就是选择的内容,但是这包含很多中情况,比如:只选择文案、选 阅读全文
posted @ 2024-05-23 10:10 日升_rs 阅读(16) 评论(0) 推荐(0) 编辑
摘要: JS 实现鼠标框选(页面选择)时返回对应的代码或文本内容 当用户进行鼠标框选选择了页面上的内容时,把选择的内容进行上报。 分为以下几点: 选择文案时 选择图片、svg、iframe、video、audio 等标签时 选择 input、select、textarea 等标签时 选择input、textarea 标签内容时 选择类似   字符时 键盘全选时 鼠标右键选择 以上各模块结合时 阅读全文
posted @ 2024-05-23 10:09 日升_rs 阅读(317) 评论(2) 推荐(0) 编辑
关于
CSDN
掘金
我的博客
Chrome 浏览器插件开发实践指南 netlify 版
Chrome 浏览器插件开发实践指南 github 版