JavaScript复制内容到剪切板

Javascript 有多种方式复制内容到剪切板,以下是一种比较简单的方式,无需任何的依赖,兼容性也比较好。

代码示例

以下的代码为 Typescript 编写,JavaScript需要稍作修改。

1
2
3
4
5
6
7
8
9
10
11
12
public static copyText(text: string) {
const input = document.createElement('input');
input.setAttribute('readonly', 'readonly');
input.setAttribute('value', text);
document.body.appendChild(input);
input.focus();
input.setSelectionRange(0, 9999);
if (document.execCommand('copy')) {
document.execCommand('copy');
}
document.body.removeChild(input);
}