js實現複製內容到剪貼簿

2021-09-27 09:53:31 字數 840 閱讀 2510

需求是這樣的:在乙個列表中需要新增乙個複製按鈕,用來複製列表中的的一些指定內容

思路:

1.獲取到指定內容

2.對指定內容進行複製操作

獲取指定內容;可以通過頁面選擇器直接獲取,(但是通過這個方法獲取到的內容會出現重複)我用的是$("").text() || $("").html() 這樣操作都會導致獲取內容重複,後來我選擇在ajax請求裡面獲取內容,並賦值給其他元素,

var info = datas.bankname +

" "+ banknum +

" "+ bankuser;

在html中需要定義乙個input框這樣你的內容才會被複製到剪貼簿,但是定義的這個input框不能使用type=hidden,這樣會導致複製失效,效果出不來,在這裡我是用了透明度,**如下

"text" value=

"" style=

"opacity: 0; position: absolute;" id=

"info"

>

接下來就是給input框裡塞值了,一開始我使用的是$("#info").text(),後來發現這樣的的賦值會導致後面的js獲取不到input這個物件,最後我使用了attr();

$(

"#info").

attr

("value"

, info)

;

最後就是複製的過程了,話不多說直接上**

function

copy()

JS複製內容到剪貼簿

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

Vue實現複製內容到剪貼簿

外掛程式 vue clipboard2 使用 import vue from vue import vueclipboard from vue clipboard2 vue.use vueclipboard text v model message 也不可以使用input,使用p標籤或其他標籤同理,...

vim複製內容到剪貼簿

vim使用過程中需要將內容直接複製到系統剪貼簿,使用場景 在vim編輯過程中,需要將某些內容直接複製,並貼上到部落格或gedit中 在2個視窗中分別用vim編輯,此時無法通過vim操作完成,只能借助系統剪貼簿 首先需要檢查vim是否支援系統剪貼簿 vim version grep clipboard...