用js將內容複製到剪貼簿

2021-06-21 00:54:47 字數 687 閱讀 1093

若想通過js將內容複製到剪貼簿,本來不難,可是若考慮到瀏覽器的相容性問題,就變的有點麻煩,使用jquery-zclip複製是乙個不錯的選擇,借助flash實現瀏覽器的相容。原理就不細講了,下面說下如何實現。

比如我的html**如下:

要複製的內容1要複製的內容2要複製的內容3

生成複製按鈕的js如下

這樣就能時間跨瀏覽器的複製了,本來不是很難的事情,我做測試的時候也挺順利的,可以當我把他放到專案中就出問題了,複製按鈕產生位置沒有flash,只有文字,後來發現,其實flash生成了,但是沒有在文字所在的位置,估計和我專案後台使用的是iframe結構有關係,估計這是這個外掛程式的乙個bug吧,後來查了很多資料,有的人說,需要改下**就可以了,後來我改了,下,果然就可以了

需要修改的**如下

getdomobjectposition: function (obj, stopobj) ;

if (obj && (obj != stopobj))

return info;

}

其實這和這個外掛程式的原理有關係,他就將乙個透明的flash覆蓋到按鈕的上面,若他們兩個不重合,就出現了上面的問題。

JS複製內容到剪貼簿

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

ios複製到剪貼簿

uipasteboard 這個就是剪貼簿 uipasteboard pastboard uipasteboardgeneralpasteboard pastboard.string self.scanresult lcalerttoastshow 掃瞄結果已複製到剪貼簿 通過名稱獲取貼上板並且移除 ...

純js實現複製到剪貼簿

自己在維護的乙個站點很坑爹,複製到剪下板功能只能在老版本的火狐上使用。這裡我簡單記錄下自己改造的過程。使用的元件 github 使用的元件 引入js檔案 src dist clipboard.min.js script 前端css樣式 class js copy 複製到剪下板button 編寫js ...