h5 设置剪切板内容 注意document.execCommand 方法已经启用 请用最新api
时间: 2024-02-12 21:08:40
浏览: 75
好的,最新的 [clip](https://geek.csdn.net/educolumn/0830e95abf03b0b8727f8e6fb0b6ac18?spm=1055.2569.3001.10083)board API 提供了 `writeText()` 方法,可以直接将文本内容写入剪切板中,[代码](https://geek.csdn.net/educolumn/1572ef9b473b4e00f6b2bf6d428b7c27?spm=1055.2569.3001.10083)如下:
```javascript
navigator.[clip](https://geek.csdn.net/educolumn/0830e95abf03b0b8727f8e6fb0b6ac18?spm=1055.2569.3001.10083)board.writeText('要设置的文本内容')
.then(() => {
console.log('文本已成功复制到剪切板');
.catch((error) => {
console.error('写入剪切板时出现错误:', error);
上述代码中,使用 `navigator.[clip](https://geek.csdn.net/educolumn/0830e95abf03b0b8727f8e6fb0b6ac18?spm=1055.2569.3001.10083)board.writeText()` 方法将文本内容写入剪切板中,并通过 Promise [对象](https://geek.csdn.net/educolumn/04c51611e4b730957464192e0307b82c?spm=1055.2569.3001.10083)的 `then()` 和 `catch()` 方法处理操作成功和失败的情况。
需要注意的是,此 API 目前仅支持最新的浏览器,如果需要支持更早期的浏览器,可以使用之前提到的 `execCommand()` 方法来操作剪切板。
相关问题
但是document.execCommand api已经废弃,还有其他好的方法吗
是的,`document.execCommand` 方法已经被标记为过时,推荐使用 `Clipboard` API 来操作剪切板。下面是使用 `Clipboard` API 实现往剪切板中放入文字的代码:
```js
async function copyToClipboard(text) {
try {
await navigator.clipboard.writeText(text);
console.log('Text copied to clipboard');
} catch (err) {
```