Chrome 66 新增异步剪贴板API

在过去的几年里我们只能使用 document.execCommand 来操作剪贴板。不过,这种操作剪贴板的操作是同步的,并且只能读取和写入 DOM。

现在 Chrome 66 已经支持了新的 Async Clipboard API,作为 execCommand 替代品。

这个新的 Async Clipboard API 还可以使用 Promise 来简化剪贴板事件并将它们与 Drag-&-Drop API 一起使用。

复制:将文本写入剪贴板

writeText() 可以把文本写入剪切板。writeText() 是异步的,它返回一个 Promise:

还可以使用异步函数 的 async 和 await:

粘贴:从剪贴板中读取文本

和复制一样,可以通过调用 readText() 从剪贴板中读取文本,该函数也返回一个 Promise:

为了保持一致性,下面是等效的异步函数:

处理粘贴事件

有计划推出检测剪贴板更改的新事件,但现在最好使用“粘贴”事件。它很适合用于阅读剪贴板文本的新异步方法:

栗子

更多信息

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复