正在顯示「 2020 年 5 月 」的所有結果
5月 05, 2020 Javascript
長話短說,先看一看代碼再繼續 :

```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` 中移除

非常簡單但是十分有用。
過去文章
2025 (9)
4 (5)
3 (1)
2 (3)
2024 (25)
11 (3)
10 (3)
9 (1)
3 (18)
2022 (6)
10 (1)
6 (2)
5 (1)
3 (1)
1 (1)
2021 (21)
11 (7)
7 (1)
6 (2)
5 (2)
4 (6)
3 (2)
2 (1)
2020 (92)
12 (1)
11 (2)
10 (4)
9 (10)
8 (5)
7 (1)
6 (3)
5 (1)
4 (4)
3 (25)
2 (7)
1 (29)
2019 (57)
12 (25)
11 (7)
9 (25)