摘要:使用從剪貼板復(fù)制和粘貼此系列文章的應(yīng)用示例已發(fā)布于可以或下載后運(yùn)行查看歡迎模塊提供了執(zhí)行復(fù)制和粘貼操作的方法此模塊還具有將文本作為標(biāo)記復(fù)制到剪貼板的方法在瀏覽器中查看完整文檔復(fù)制支持進(jìn)程在這個示例中我們將一個短語復(fù)制到剪貼板單擊復(fù)制按
使用 Electron 從剪貼板復(fù)制和粘貼
此系列文章的應(yīng)用示例已發(fā)布于 GitHub: electron-api-demos-Zh_CN. 可以 Clone 或下載后運(yùn)行查看. 歡迎 Star .
clipboard 模塊提供了執(zhí)行復(fù)制和粘貼操作的方法.
此模塊還具有將文本作為標(biāo)記(HTML)復(fù)制到剪貼板的方法.
在瀏覽器中查看 完整 API 文檔.
復(fù)制支持: Win, macOS, Linux | 進(jìn)程: Both
在這個示例中, 我們將一個短語復(fù)制到剪貼板. 單擊 "復(fù)制" 按鈕后, 使用粘貼(CMD + V 或 CTRL + V)將短語粘貼到文本區(qū)域.
渲染器進(jìn)程
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 = "已復(fù)制! 請在這里執(zhí)行粘貼." clipboard.writeText("Electron 示例!") })粘貼
支持: Win, macOS, Linux | 進(jìn)程: Both
在本示例中, 我們將一個字符串復(fù)制到剪貼板, 然后將結(jié)果粘貼到上面的消息中.
渲染器進(jìn)程
const clipboard = require("electron").clipboard const pasteBtn = document.getElementById("paste-to") pasteBtn.addEventListener("click", function () { clipboard.writeText("一段示例內(nèi)容!") const message = `粘貼的內(nèi)容: ${clipboard.readText()}` document.getElementById("paste-from").innerHTML = message })
如果這邊文章對您有幫助, 感謝 下方點贊 或 Star GitHub: electron-api-demos-Zh_CN 支持, 謝謝.
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/88970.html
摘要:它很適合用于閱讀剪貼板文本的新異步方法安全和權(quán)限剪貼板訪問一直為瀏覽器帶來安全問題。讓網(wǎng)頁不受限制地讀取剪貼板更加麻煩。為了防止濫用,只有當(dāng)頁面處于活動選項卡時才允許剪貼板訪問。 在過去的幾年里我們只能使用 document.execCommand 來操作剪貼板。不過,這種操作剪貼板的操作是同步的,并且只能讀取和寫入 DOM。 現(xiàn)在 Chrome 66 已經(jīng)支持了新的 Async Cl...
摘要:它很適合用于閱讀剪貼板文本的新異步方法安全和權(quán)限剪貼板訪問一直為瀏覽器帶來安全問題。讓網(wǎng)頁不受限制地讀取剪貼板更加麻煩。為了防止濫用,只有當(dāng)頁面處于活動選項卡時才允許剪貼板訪問。 在過去的幾年里我們只能使用 document.execCommand 來操作剪貼板。不過,這種操作剪貼板的操作是同步的,并且只能讀取和寫入 DOM。 現(xiàn)在 Chrome 66 已經(jīng)支持了新的 Async Cl...
摘要:最近公司需要做一個實現(xiàn)復(fù)制的功能,本來以為會是很簡單兩三行代碼的事,后來發(fā)現(xiàn)網(wǎng)上說的那些原生實現(xiàn)復(fù)制的方法很多瀏覽器因為安全的原因都不支持了,嘗試了很長時間,還是死心了,決定使用第三方的庫。 最近公司需要做一個js實現(xiàn)復(fù)制的功能,本來以為會是很簡單兩三行js代碼的事,后來發(fā)現(xiàn)網(wǎng)上說的那些原生js實現(xiàn)復(fù)制的方法很多瀏覽器因為安全的原因都不支持了,嘗試了很長時間,還是死心了,決定使用第三方...
摘要:取消默認(rèn)的復(fù)制事件被復(fù)制的文字等下插入防知乎掘金復(fù)制一兩個字則不添加版權(quán)信息超過一定長度的文字就添加版權(quán)信息作者鏈接來源掘金著作權(quán)歸作者所有。以上參考資料高程操作剪貼板網(wǎng)頁上如何實現(xiàn)禁止復(fù)制粘貼以及如何破解原生實現(xiàn)點擊按鈕復(fù)制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...
摘要:取消默認(rèn)的復(fù)制事件被復(fù)制的文字等下插入防知乎掘金復(fù)制一兩個字則不添加版權(quán)信息超過一定長度的文字就添加版權(quán)信息作者鏈接來源掘金著作權(quán)歸作者所有。以上參考資料高程操作剪貼板網(wǎng)頁上如何實現(xiàn)禁止復(fù)制粘貼以及如何破解原生實現(xiàn)點擊按鈕復(fù)制文本 showImg(https://segmentfault.com/img/remote/1460000015942602?w=1280&h=720); 前言...
閱讀 2001·2021-11-19 09:40
閱讀 1960·2021-09-28 09:36
閱讀 2291·2021-09-22 10:02
閱讀 2733·2019-08-30 14:00
閱讀 1962·2019-08-29 15:31
閱讀 2904·2019-08-29 15:11
閱讀 2915·2019-08-29 13:04
閱讀 1088·2019-08-27 10:55