导航器:剪贴板属性
clipboard
是Navigator
接口的只读属性,它返回一个Clipboard
对象,用于读取和写入剪贴板的内容。
这是剪贴板 API 的入口点,它可以用来在 Web 应用程序中实现剪切、复制和粘贴功能。
价值
用于访问系统剪贴板的Clipboard
对象。
例子
以下代码使用 navigator.clipboard
访问系统剪贴板,以从剪贴板读取文本内容。
js
navigator.clipboard
.readText()
.then(
(clipText) => (document.querySelector(".cliptext").innerText = clipText),
);
此代码段将类为 "cliptext"
的元素的内容替换为剪贴板的文本内容。也许这段代码被用在一个浏览器扩展中,该扩展显示当前剪贴板内容,自动定期更新或在特定事件触发时更新。
如果剪贴板为空或不包含文本,则 "cliptext"
元素的内容将被清除。这是因为readText()
如果剪贴板为空或不包含文本,则返回一个空字符串。
规范
规范 |
---|
剪贴板 API 和事件 # navigator-clipboard |
浏览器兼容性
BCD 表仅在浏览器中加载