1. 程式人生 > >JS複製內容到剪貼簿

JS複製內容到剪貼簿

這裡我只講解一個辦法,網上找了一大堆全是扯淡!

第一步:

npm install clipboard-polyfill

第二步:

import  clipboard from "clipboard-polyfill"

第三步:

clipboard.writeText("This text is plain.");     //資料寫到剪貼簿
clipboard.readText().then(console.log, console.error);   //從剪貼簿讀取資料

解釋:

  1. 這個外掛來源於clipboard.js,不過clipboard.js已經廢棄

在這裡插入圖片描述

2- vue-clipboard2, react-clipboard 是在clipboard.js基礎上的封裝

3- vue-clipboard2 繫結只能是一個變數,你必須將值傳遞給這個變數,有一點侷限性
在這裡插入圖片描述

(圖一:vue-clipboard2)

在這裡插入圖片描述

(圖二: react-clipboard)