Web API - Clipboard

原文链接：https://github.com/taoliujun/blog/issues/72

Clipboard

MDN: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API

Clipboard提供了对系统剪切板的读取、写入方法。

不要再使用document.execCommand()了。

接口

Clipboard

使用Navigator.cliboard可得到Clipboard接口实例，提供了read和write方法。另外，readText和writeText方法是一对读取写入文本信息的快捷方法。

ClipboardItem

剪切板数据对象，包含了数据类型type（如image/png）和数据流blob。

方法和属性

略，见示例。

示例

示例：https://taoliujun.github.io/example/web-api/Clipboard_API/index.html

1. 复制输入框的文本到系统剪切板中、或从系统剪切板中读取：

2. 复制canvas的图像数据到剪切板、或从剪切板中读取：