Firefox：将剪贴板中的文本粘贴到输入中

Question

我想要一个按钮来将一些文本（从剪贴板）粘贴到输入字段中。

以下代码片段适用于 Chromium，但不适用于 Firefox。

<input>
<button>paste</button>
<script>
    document.querySelector('button').addEventListener('click', () =>
        navigator.clipboard.readText().then(text => document.querySelector('input').value = text)
    );
</script>

有没有办法在 Firefox 中实现同样的效果？

Answer 1

Firefox 74+有隐藏测试实验：

dom.events.testing.asyncClipboard

（https://bugzil.la/1597857）

Firefox 103+ 也改变了逻辑：

• dom.events.asyncClipboard.readText

  如果我们单击按钮，则启用当前粘贴选项作为类似于“右键单击菜单”的列表菜单（为了避免这些列表菜单，可以通过添加到 Firefox 74+ 的选项启用）。
• Older

  dom.events.testing.asyncClipboard

  不再独立工作 - 需要启用两者。

---

两者仍然不支持像 Chrome 中的域权限，但带有附加菜单的机制现在可以保护剪贴板（如果我们禁用添加到 Firefox 74+ 的测试版本）。