双击选中文本并复制到剪切板

最新推荐文章于 2025-06-27 10:18:35 发布

原创最新推荐文章于 2025-06-27 10:18:35 发布 · 1.8k 阅读

2 ·

CC 4.0 BY-SA版权

页面功能实现专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的dblclick事件处理方法，当用户双击页面上的特定元素时，能够自动选中该元素内的文本并复制到剪切板。此功能通过创建文档范围、选择节点、清除原有选区、添加新选区和执行复制命令来完成。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

dblclick的时候执行函数selectText：

selectText() {
  let ele= this._elementRef.nativeElement.querySelector('#invite_code');
  var range = document.createRange();
  range.selectNode(ele);
  window.getSelection().removeAllRanges();
  window.getSelection().addRange(range);
  document.execCommand('copy'); // 复制到剪切板
}

可以参考使用：
https://www.cnblogs.com/btgyoyo/p/6214911.html
https://www.jianshu.com/p/18211de9873a