属性 clipboard

剪切板 API 为 Navigator 接口添加了 clipboard 只读属性,该属性返回一个可以读写剪切板内容的 Clipboard 对象。 剪切板 API 可用于在 web 应用中实现剪切、复制、粘贴的功能。

使用匿名的剪切板读写方法,要求用户事先取得网站或应用对剪切板的访问许可。许可操作须由 权限API 的 “clipboard-read” 和/或 “clipboard-write” 获得。

  1. var cb = navigator.clipboard;
  2. cb.readText().then(
  3. clipText => document.queryElementSelector(".cliptext").innerText = clipText);

这个代码片段将 HTML 中所有拥有 “cliptext” class的元素的内容替换为剪切板中的内容。可能这段代码会用于浏览器插件中来显示当前剪切板上的内容,定时自动更新或者由特定事件出发。

如果剪切板为空,或者不包含文本,则 “cliptext” 元素的内容将被清空。这是因为 readText() 在剪切板为空或者不包含文本时,会返回一个空字符串。