JavaScript實現複製到剪貼簿

2021-09-16 22:04:40 字數 1523 閱讀 9195

直接通過外掛程式形式即可，使用clipboard，該外掛程式不到 4kb。

1.html

value


="www.***.com"


type


="text"


readonlyid=


"shareurl"


>


"cpoyshareurlbtn"


data-clipboard-target


="#shareurl"


>


複製鏈結button


>
2.引入js

src=


"">


script


>
3.自己的指令碼

//只加這一句即可


var clipboard =


newclipboardjs


('#cpoyshareurlbtn');


//以下是複製過後的提示


clipboard.on(


'success'


,function


(e))


;
在觸發按鈕新增這個屬性

data-clipboard-action="cut"
示例：
value


="www.***.com"


type


="text"


id="shareurl"


>


"cpoyshareurlbtn"


data-clipboard-action


="cut"


data-clipboard-target


="#shareurl"


>


複製鏈結button


>
注意

剪下操作的物件只能為 input 和 textarea 標籤

使用者複製後的事件有兩個事件success、error

clipboard 複製動作觸發後，會自動選中目標內容，複製成功了可以清除效果，複製失敗了只需提示使用者按 ctrl + c 直接複製即可。

clipboard.on(


'success'


,function


(e))


;
clipboard.on(


'error'


,function


(e))


;
該外掛程式的庫依賴 selection 和 execcommand 的 api 前者 相容所有的瀏覽器，後者相容 ie 9 +.

可以通過執行以下 js **來檢查瀏覽器是否支援 clipboard.js.

clipboard.issupported()
當然即使不支援，也可以使用上面提到的 error 事件，提示使用者複製即可。

ClipboardJS 實現JS複製到剪下板

下面寫個簡單的例子 html 注意，這裡最好是button，並非所有的元素都支援該js button type button class btn btn default id btn share 複製 button js 這裡以複製url為例 var clipboard new clipboardj...

distcp 複製到同路徑下 複製到不同路徑下

複製到同路徑下 a b c a b c distcp pt hdfs a b c 2021 02 01 hdfs a b c 1900 01 01 結果是 hdfs a b c 1900 01 01 2021 02 01 2 這才是對的，直接複製檔案過來。distcp pt hdfs a b c 2...

Array 複製到ArrayList中

string array new string arraylist list new arraylist 一 使用for迴圈，將array陣列中的資料逐步加入到arraylist的物件中 1 for迴圈 for int i 0 i array.length i 二 使用arraylist 的copy...