做法
方法一
使用已被淘汰的 document.execCommand 方法。
1
2
3
4
5
6
7
8
9
| const copy = (value) => {
const ele = document.createElement('textarea');
ele.value = value;
document.body.appendChild(ele);
ele.select();
ele.setSelectionRange(0, ele.value.length);
document.execCommand('copy');
ele.remove();
};
|
實際使用。
1
2
3
| document.getElementById('copy').addEventListener('click', () => {
copy('Hello, World!');
});
|
方法二
使用新的 Clipboard API 方法。
1
2
3
| const copy = (value) => {
navigator.clipboard.writeText(value);
};
|
實際使用。
1
2
3
| document.getElementById('copy').addEventListener('click', () => {
copy('Hello, World!');
});
|
參考資料