导航器:剪贴板属性

安全上下文:此功能仅在安全上下文(HTTPS)中可用,在一些或所有支持的浏览器中可用。

clipboardNavigator 接口的只读属性,它返回一个Clipboard 对象,用于读取和写入剪贴板的内容。

这是剪贴板 API 的入口点,它可以用来在 Web 应用程序中实现剪切、复制和粘贴功能。

价值

用于访问系统剪贴板的Clipboard 对象。

例子

以下代码使用 navigator.clipboard 访问系统剪贴板,以从剪贴板读取文本内容。

js
navigator.clipboard
  .readText()
  .then(
    (clipText) => (document.querySelector(".cliptext").innerText = clipText),
  );

此代码段将类为 "cliptext" 的元素的内容替换为剪贴板的文本内容。也许这段代码被用在一个浏览器扩展中,该扩展显示当前剪贴板内容,自动定期更新或在特定事件触发时更新。

如果剪贴板为空或不包含文本,则 "cliptext" 元素的内容将被清除。这是因为readText() 如果剪贴板为空或不包含文本,则返回一个空字符串。

规范

规范
剪贴板 API 和事件
# navigator-clipboard

浏览器兼容性

BCD 表仅在浏览器中加载