h5 设置剪切板内容 注意document.execCommand 方法已经启用 请用最新api
时间: 2024-02-12 14:08:40 浏览: 162
Html5剪切板功能的实现代码
好的,最新的 Clipboard API 提供了 `writeText()` 方法,可以直接将文本内容写入剪切板中,代码如下:
```javascript
navigator.clipboard.writeText('要设置的文本内容')
.then(() => {
console.log('文本已成功复制到剪切板');
})
.catch((error) => {
console.error('写入剪切板时出现错误:', error);
});
```
上述代码中,使用 `navigator.clipboard.writeText()` 方法将文本内容写入剪切板中,并通过 Promise 对象的 `then()` 和 `catch()` 方法处理操作成功和失败的情况。
需要注意的是,此 API 目前仅支持最新的浏览器,如果需要支持更早期的浏览器,可以使用之前提到的 `execCommand()` 方法来操作剪切板。
阅读全文