JavaScript获取剪切板内容及样式

在JavaScript中，可以使用'navigator.clipboard.readText()'方法来获取剪贴板的纯文本内容，但无法直接获取剪贴板中的样式。

如果需要获取剪贴板中的带有样式的内容，可以借助一个隐藏的'contenteditable'元素来实现。具体步骤如下：

1. 创建一个隐藏的'contenteditable'元素，并将其添加到页面中。

<div id='hiddenElement' contenteditable='true' style='position: fixed; left: -9999px;'></div>

2. 通过JavaScript代码将剪贴板的内容粘贴到隐藏的'contenteditable'元素中，并获取其HTML内容。

const hiddenElement = document.getElementById('hiddenElement');
hiddenElement.focus();
document.execCommand('paste');
const clipboardContent = hiddenElement.innerHTML;

3. 此时，'clipboardContent'变量中即为剪贴板中带有样式的内容。

注意：为了确保浏览器的兼容性，可能需要使用'document.execCommand("paste")'方法来粘贴剪贴板内容。此外，由于安全性限制，可能需要在用户的交互操作下才能获取剪贴板内容。