当前位置: 首页 > news >正文

JavaScript 模拟光标全选选中一段文字

在JavaScript中,如果你想要通过编程方式选择一段文本,你可以使用window.getSelection()Range对象。以下是一个简单的例子,展示了如何使用这些对象来选中页面上的特定文本节点:

function selectText(node) {if (window.getSelection && document.createRange) {var selection = window.getSelection();var range = document.createRange();range.selectNodeContents(node);selection.removeAllRanges();selection.addRange(range);} else if (document.body.createTextRange) { // 支持 IE < 9var textRange = document.body.createTextRange();textRange.moveToElementText(node);textRange.select();}
}// 使用方法:
// 假设你有一个id为"text-to-select"的元素
var element = document.getElementById('text-to-select');
selectText(element);

这段代码定义了一个selectText函数,它接受一个DOM节点作为参数,然后选择这个节点的全部内容。在现代浏览器中,它使用window.getSelection()Range对象;在旧版IE浏览器中,它使用createTextRange()方法。使用时,只需传入你想要选中的元素即可。


关联阅读:复制图片原生js实现将图片内容复制到剪贴板_js复制图片到剪贴板-CSDN博客文章浏览阅读1.6k次。【代码】原生js实现将图片内容复制到剪贴板。_js复制图片到剪贴板https://blog.csdn.net/qq_37860634/article/details/131754243

http://www.lryc.cn/news/396493.html

相关文章:

  • 【算法】代码随想录之数组(更新中)
  • Win-ARM联盟的端侧AI技术分析
  • MySQL常见的几种索引类型及对应的应用场景
  • 如何利用java依赖jave-all-deps实现视频格式转换
  • 三端保险丝-锂电池BMS二次保护器件
  • 用户增长 - 私域 - 社群运营自检清单SOP(社群运营30问)
  • 算法·高精度
  • Docker搭建kafka+zookeeper以及Springboot集成kafka快速入门
  • 【cocos2dx】【iOS工程】如何保存用户在游戏内的绘画数据,并将数据以图像形式展示在预览界面
  • 拥抱应用创新,拒绝无谓的模型竞争
  • 【源码+文档+调试讲解】旅游资源网站
  • Monaco 多行提示的实现方式
  • SpringMVC的架构有什么优势?——表单和数据校验(四)
  • Linux实战记录
  • 时间、查找、打包、行过滤与指令的运行——linux指令学习(二)
  • android CameraX构建相机拍照
  • 【普中】基于51单片机的矩阵电子密码锁LCD1602液晶显示 proteus仿真+程序+设计报告+讲解视频
  • 工厂水电燃气表流量计等能耗计量仪表非侵入式拍照抄表的方案
  • LLM大模型应用中的安全对齐的简单理解
  • clickhouse-jdbc-bridge rce
  • java中Comparator函数的用法实例?
  • mysql实战入门-基础篇
  • 阶段三:项目开发---民航功能模块实现:任务24:航空实时监控
  • 手机容器化 安装docker
  • 科普文:深入理解Mybatis
  • 称重传感器有哪些种类
  • 程序员鱼皮的保姆级写简历指南第四弹,优秀简历参考
  • UML建模案例分析-时序图和类图的对应关系
  • Java版Flink使用指南——从RabbitMQ中队列中接入消息流
  • Python酷库之旅-第三方库Pandas(013)