用js實現複製文字到剪貼簿 不安裝元件

2021-08-28 02:22:58 字數 518 閱讀 7951

var otextarea = document.createelement('textarea')

otextarea.value = info.realliveuri

otextarea.display = 'none'

otextarea.select() // 選擇物件

document.execcommand('copy') // 執行瀏覽器複製命令

otextarea.classname = 'otextarea'

otextarea.style.display = 'none'

this.$message.success('已複製直播鏈結到剪貼簿!')

document.body.removechild(otextarea)

**直接貼出,因為我要複製的內容不在ui上顯示,所以我建立乙個元素設定value為我要複製的文字,複製完成後,移除元素。

select() 方法 目前我知道的支援的有 textarea和input   

js複製文字到剪貼簿

execcommand是document的乙個方法,返回值是布林值 true,false true表示操作被支援,false表示操作不被支援 此方法只針對於input和textarea,對裡面的內容進行操作 input不儲存換行及空格,textarea儲存換行及空格 可以傳三個引數,第乙個是命令的名...

js實現複製內容到剪貼簿

需求是這樣的 在乙個列表中需要新增乙個複製按鈕,用來複製列表中的的一些指定內容 思路 1.獲取到指定內容 2.對指定內容進行複製操作 獲取指定內容 可以通過頁面選擇器直接獲取,但是通過這個方法獲取到的內容會出現重複 我用的是 text html 這樣操作都會導致獲取內容重複,後來我選擇在ajax請求...

JS複製內容到剪貼簿

這裡我只講解乙個辦法,網上找了一大堆全是扯淡!第一步 npm install clipboard polyfill第二步 import clipboard from clipboard polyfill 第三步 clipboard.writetext this text is plain.資料寫到剪...