首页  >  文章  >  web前端  >  如何在 JavaScript 中检索当前剪贴板内容?

如何在 JavaScript 中检索当前剪贴板内容?

Linda Hamilton
Linda Hamilton原创
2024-10-29 04:20:02716浏览

How Do I Retrieve the Current Clipboard Content in JavaScript?

检索当前剪贴板内容

剪贴板作为数据的临时存储,允许用户轻松地在应用程序之间传输信息。当脚本需要访问剪贴板的内容时, navigator.clipboard.readText() 方法提供了一个简单的解决方案。

实现

利用 navigator.clipboard。 readText() 方法中,可以使用 async/await 语法或 Promise 语法。

Async/Await 语法:

const text = await navigator.clipboard.readText();

Promise 语法:

navigator.clipboard.readText()
  .then(text => {
    console.log('Pasted content: ', text);
  })
  .catch(err => {
    console.error('Failed to read clipboard contents: ', err);
  });

注意事项

需要注意的是,用户必须授予访问剪贴板内容的权限。此权限请求显示为一个对话框,确保用户数据的安全和隐私。

如果没有活动选项卡,则无法从控制台访问剪贴板内容。要从控制台执行代码,可以设置超时,以便用户快速单击网站窗口。

其他信息

了解更多详细信息和示例关于使用 navigator.clipboard.readText() 方法,请参阅 Google 开发者文档。

以上是如何在 JavaScript 中检索当前剪贴板内容?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn