長話短說,先看一看代碼再繼續 :
```js
const copyToClipboard = str => {
const el = document.createElement('textarea');
el.value = str;
document.body.appendChild(el);
el.select();
document.execCommand('copy');
document.body.removeChild(el);
};
```
### 原理
以下會解釋上面代碼的原理 :
1. 建立一個 `<textarea>` 元件
2. 把 `<textarea>` 元件的內容設定為目標的文字
3. 把 `<textarea>` 元件加入到 `document` 底下
4. 利用 `select()` 方法把 `<textarea>` 元件的內容選擇起來
5. 利用 `document.execCommand('copy')` 把選取的內容複制到剪貼簿
6. 把`<textarea>` 元件從 `document` 中移除
非常簡單但是十分有用。