如何在前端代码中实现便捷的复制功能？

本文共计707个文字，预计阅读时间需要3分钟。

前情+在前端开发需求中，为了方便用户使用，经常需要通过点击按钮复制指定内容。相关API：Document.createRange() 返回一个Range对象，通过Range对象可以选择中文文本。// 选中文本id为tes

前情

在前端开发需求中，为了方便用户使用，经常需要通过点击按钮复制指定的某一段内容。

相关API

Document.createRange()

返回一个Renge对象，通过Range对象可以选中文本。

// 选中id为test的元素的内容 const range = document.createRange(); range.selectNode(document.getElementById('test')); const selection = window.getSelection(); if (selection.rangeCount > 0) selection.removeAllRanges(); selection.addRange(range);

Window.getSelection

返回一个Selection对象，表示用户选择的文本范围或光标的当前位置。