使用 Electron 從剪貼板復制和粘貼

mudiyouyou 發布于2019-08-21 16:58 / 2619人閱讀

摘要：使用從剪貼板復制和粘貼此系列文章的應用示例已發布于可以或下載后運行查看歡迎模塊提供了執行復制和粘貼操作的方法此模塊還具有將文本作為標記復制到剪貼板的方法在瀏覽器中查看完整文檔復制支持進程在這個示例中我們將一個短語復制到剪貼板單擊復制按

使用 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不能復制粘貼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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