在 Javascript 中使用剪贴板 Clipboard API

有没有想过像 google docs 这样点击就能够将内容放入剪贴板,而无需手动选择所有文本并按 ctrl+c

在 Javascript 中使用剪贴板 Clipboard API

这是通过 Javascript Clipboard API 完成的。您可以通过 navigator.clipboard 对象访问它。

如果你想在用户剪贴板中存储一些东西,我们可以使用 clipboard.writeText() 方法。鉴于我们不确定在传输该信息之前需要多少时间,因此操作是异步的,所以 writeText() 将返回一个promise,该promise将在复制完成后resolved。

navigator.clipboard.writeText(SOME_VALUE)
    .then(() => alert("Text is now stored your cliboard!"))

从用户剪贴板读取数据时同样适用。

navigator.clipboard.readText()
    .then(value => alert("Read:" + value))

所有浏览器都完全支持这两种方法。

顺便说一句,您还可以使用 navigator 对象来检测我们使用的网络环境,比如 3g、4g 或 Wifi。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 ttt5cn@163.com 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论