高级前端html【Q313】在浏览器中如何获取剪切板中内容

在浏览器中如何获取剪切板中内容

Issue 欢迎在 Gtihub Issue 中回答此问题: Issue 315

Author 回答者: shfshanyue

通过 Clipboard API 可以获取剪切板中内容,但需要获取到 clipboard-read 的权限,以下是关于读取剪贴板内容的代码:

// 是否能够有读取剪贴板的权限
// result.state == "granted" || result.state == "prompt"
const result = await navigator.permissions.query({ name: "clipboard-read" });
 
// 获取剪贴板内容
const text = await navigator.clipboard.readText();

注: 该方法在 devtools 中不生效

相关问题: 【Q019】如何实现选中复制的功能

Author 回答者: alanhe421

这是JS获取方式,还有个系统快捷键。热键方式可做到,即使clipboard权限没给也可以粘贴。

ctrl v/ ⌘ v