使用 Electron 从剪贴板复制和粘贴

mudiyouyou 发布于2019-08-21 16:58 / 2548人阅读

摘要：使用从剪贴板复制和粘贴此系列文章的应用示例已发布于可以或下载后运行查看欢迎模块提供了执行复制和粘贴操作的方法此模块还具有将文本作为标记复制到剪贴板的方法在浏览器中查看完整文档复制支持进程在这个示例中我们将一个短语复制到剪贴板单击复制按

使用 Electron 从剪贴板复制和粘贴

此系列文章的应用示例已发布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下载后运行查看. 欢迎 Star .

clipboard 模块提供了执行复制和粘贴操作的方法.

此模块还具有将文本作为标记（HTML）复制到剪贴板的方法.

在浏览器中查看完整 API 文档.

复制

支持: Win, macOS, Linux | 进程: Both

在这个示例中, 我们将一个短语复制到剪贴板. 单击 "复制" 按钮后, 使用粘贴（CMD + V 或 CTRL + V）将短语粘贴到文本区域.

渲染器进程

const clipboard = require("electron").clipboard

const copyBtn = document.getElementById("copy-to")
const copyInput = document.getElementById("copy-to-input")

copyBtn.addEventListener("click", function () {
  if (copyInput.value !== "") copyInput.value = ""
  copyInput.placeholder = "已复制! 请在这里执行粘贴."
  clipboard.writeText("Electron 示例!")
})

粘贴

支持: Win, macOS, Linux | 进程: Both

在本示例中, 我们将一个字符串复制到剪贴板, 然后将结果粘贴到上面的消息中.

渲染器进程

const clipboard = require("electron").clipboard

const pasteBtn = document.getElementById("paste-to")

pasteBtn.addEventListener("click", function () {
  clipboard.writeText("一段示例内容!")
  const message = `粘贴的内容: ${clipboard.readText()}`
  document.getElementById("paste-from").innerHTML = message
})

如果这边文章对您有帮助, 感谢下方点赞或 Star GitHub: electron-api-demos-Zh_CN 支持, 谢谢.

GPU云服务器云服务器从云服务器上复制粘贴云服务器怎么使用复制粘贴 js复制到剪贴板 vps不能复制粘贴

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/88970.html

Chrome 66 新增异步剪贴板 API

摘要：它很适合用于阅读剪贴板文本的新异步方法安全和权限剪贴板访问一直为浏览器带来安全问题。让网页不受限制地读取剪贴板更加麻烦。为了防止滥用，只有当页面处于活动选项卡时才允许剪贴板访问。在过去的几年里我们只能使用 document.execCommand 来操作剪贴板。不过，这种操作剪贴板的操作是同步的，并且只能读取和写入 DOM。现在 Chrome 66 已经支持了新的 Async Cl...

lk20150415 2019-08-22 15:30 评论0 收藏0
Chrome 66 新增异步剪贴板 API

摘要：它很适合用于阅读剪贴板文本的新异步方法安全和权限剪贴板访问一直为浏览器带来安全问题。让网页不受限制地读取剪贴板更加麻烦。为了防止滥用，只有当页面处于活动选项卡时才允许剪贴板访问。在过去的几年里我们只能使用 document.execCommand 来操作剪贴板。不过，这种操作剪贴板的操作是同步的，并且只能读取和写入 DOM。现在 Chrome 66 已经支持了新的 Async Cl...

Hanks10100 2019-08-01 18:42 评论0 收藏0
使用clipboard实现前端页面复制到粘贴板的功能

摘要：最近公司需要做一个实现复制的功能，本来以为会是很简单两三行代码的事，后来发现网上说的那些原生实现复制的方法很多浏览器因为安全的原因都不支持了，尝试了很长时间，还是死心了，决定使用第三方的库。最近公司需要做一个js实现复制的功能，本来以为会是很简单两三行js代码的事，后来发现网上说的那些原生js实现复制的方法很多浏览器因为安全的原因都不支持了，尝试了很长时间，还是死心了，决定使用第三方...

Astrian 2019-08-21 16:01 评论0 收藏0
前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

mikasa 2019-08-29 16:20 评论0 收藏0
前端er怎样操作剪切复制以及禁止复制+破解等

摘要：取消默认的复制事件被复制的文字等下插入防知乎掘金复制一两个字则不添加版权信息超过一定长度的文字就添加版权信息作者链接来源掘金著作权归作者所有。以上参考资料高程操作剪贴板网页上如何实现禁止复制粘贴以及如何破解原生实现点击按钮复制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...

amuqiao 2019-08-23 10:51 评论0 收藏0