js获取剪切板的内容并且有样式

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

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

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

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

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

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

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

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