javascript - iframe 中的文本可以复制到剪贴板吗？

Question

在我的 React 应用程序中，我在遍历数组后显示卡片(因此理论上可以有 n 卡片)。

我希望在用户单击该卡时复制卡中显示的文本。然而，问题是 react 应用程序是在 iframe 中呈现的。

当应用程序位于单个选项卡中时，复制功能有效。但是，当从 iframe 中尝试时，我遇到了这个错误:

Uncaught (in promise) DOMException: Disabled in this document by Feature Policy.

这是链接到 this来自 Google 的政策变更。有没有办法让这个功能正常工作？

附加信息:在 iframe 中呈现的应用与父应用不共享同一个域

背景阅读链接:

https://www.codeproject.com/Questions/300781/Is-copy-to-clipboard-avail-for-iframe

Get element from within an iFrame

https://developer.mozilla.org/en-US/docs/Web/API/Document/execCommand

Answer 1

如前所述here :

To use the API in iframes, you need to enable it with Permissions Policy, which defines a mechanism that allows for selectively enabling and disabling various browser features and APIs. Concretely, you need to pass either or both of clipboard-read or clipboard-write, depending on the needs of your app.

<iframe src="index.html" allow="clipboard-read; clipboard-write"></iframe>

如果您只想能够将文本复制到剪贴板(即您不需要能够以编程方式读取剪贴板)，那么您只需要 clipboard-write允许:

<iframe src="index.html" allow="clipboard-write"></iframe>