JS将文本复制到剪贴板
下面这段代码是一个 JavaScript 函数，将指定的文本复制到剪贴板中。它使用了 Clipboard API ，同时还考虑了浏览器的兼容性问题。
首先，它判断当前浏览器是否支持 Clipboard API。如果支持，直接调用
`navigator.clipboard.writeText`
方法进行复制。该方法返回一个 Promise，可以使用
`.then`
和
`.catch`
进行成功或失败的处理，最后通过
`alert`
弹出提示信息。
如果浏览器不支持 Clipboard API，则使用
`document.execCommand`
方法。该方法将指定的命令发送到对应的可编辑区域（如 textarea 或 iframe），并用于剪贴板操作。如果操作成功，也会通过
`alert`
弹出提示信息。
其中，为了确保将文本复制到剪贴板中，代码中创建了一个临时的 textarea，并将其插入 body 元素。设置
`position`
为 "fixed"，是为了确保文本框在屏幕中的位置正确，这一步是为了避免文本框在复制过程中被遮挡。
整个过程顺序为：判断是否支持 Clipboard API，支持则直接复制，不支持则使用 execCommand 方法创建临时文本框进行复制。
这段代码可以方便地用于实现复制文本功能，提升页面的易用性。
---代码---
function CopyText(textToCopy) {
if (!navigator.clipboard) {
// 如果当前浏览器不支持 Clipboard API，则使用 execCommand 方法
var textArea = document.createElement("textarea");
textArea.value = textToCopy;
textArea.style.position = "fixed";
document.body.appendChild(textArea);
textArea.select();
try {
document.execCommand("copy");
alert("已复制到剪贴板！");
} catch (err) {
alert("无法复制到剪贴板：" + err);
}
document.body.removeChild(textArea);
return;
}
navigator.clipboard.writeText(textToCopy)
.then(() => {
alert("已复制到剪贴板！");
})
.catch((err) => {
alert("无法复制到剪贴板：" + err);
});
}
----------
Clipboard API
Clipboard API 是一种浏览器提供的 JavaScript API，它允许网页直接访问和操作剪贴板。使用该 API，网页开发人员可以在网页上完成复制、剪切和粘贴等操作，为用户带来更好的工作体验。
Clipboard API 在现代浏览器中已得到广泛支持，包括 Chrome，Firefox，Safari 和 Edge 等主流浏览器。使用 Clipboard API，网页开发人员可以在任何支持该 API 的平台上为用户提供更方便、快捷的文本操作体验，同时还可以应用到图片、音频和视频等其他媒体资源中。
Clipboard API 包括两个核心方法：一种是
`writeText`
方法，用于将纯文本复制到剪贴板中，另一种是
`readText`
方法，用于从剪贴板中读取文本。此外，该 API 还提供了其他一些辅助方法，例如
`write`
和
`read`
等方法，用于操作其他媒体资源。
在使用 Clipboard API 时，需要获得权限访问该 API。用户需要在页面中执行一些操作（例如单击按钮）来授权页面访问该 API，这是出于安全性考虑而设置的。为了提升网页的易用性，很多网页在用户单击按钮时会通过对话框提示用户授权，以完成对剪贴板的操作。
总而言之,Clipboard API 为网页开发人员提供了一种直接访问和操作剪贴板的方式，从而能够为用户提供更好的文本操作体验。在应用该 API 时，开发人员需要考虑到浏览器的兼容性问题，并且需要为用户提供合理的授权提示，以确保数据的安全和可用性。