【日常记录】【JS】Clipboard API 剪切板API

Clipboard API 是一种现代的 JavaScript API，可以让我们在不通过 document.execCommand('copy') 的情况下复制文本到剪切板。

以下是一些使用 Clipboard API 的方法：

方法一：使用 Clipboard API 的 'writeText' 方法复制文本到剪切板。

navigator.clipboard.writeText('要复制的文本内容')
.then(function() {
    console.log('复制成功');
})
.catch(function(err) {
    console.error('复制失败', err);
});

方法二：使用 Clipboard API 的 'write' 方法复制多种数据到剪切板。

navigator.clipboard.write({
    "text/plain": "文本内容",
    "text/html": "<b>HTML内容</b>"
}).then(function() {
    console.log('复制成功');
}).catch(function(err) {
    console.error('复制失败', err);
});

方法三：使用 Clipboard API 的 'readText' 方法从剪切板读取文本内容。

navigator.clipboard.readText()
.then(function(clipboardContent) {
    console.log(clipboardContent);
})
.catch(function(err) {
    console.error(err);
});

注意：Clipboard API 的使用可能受到跨域和浏览器的安全策略限制，特别是在某些非HTTPS环境下或者在用户没有交互的情况下。

另外，值得注意的是，这些操作可能需要用户的明确授权，否则在某些情况下可能会失败。