纯 JS 复制内容到剪贴板

开发者
浏览 loading

方案一：纯 JavaScript 复制内容到剪贴板

这里只测了 Chrome 最新版，原作者评论区中网友表示 2018 年部分 IE、火狐版本不兼容（过去几年了，现在应该都兼容了）。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script type="text/javascript">
function copyToClip(content, message) {
    var aux = document.createElement("input"); 
    aux.setAttribute("value", content); 
    document.body.appendChild(aux); 
    aux.select();
    document.execCommand("copy"); 
    document.body.removeChild(aux);
    if (message == null) {
        alert("成功复制：" + content);
    } else{
        alert(message);
    }
}
</script>
  
<button onclick="copyToClip('内容2')"> Copy2 </button>
<button onclick="copyToClip('内容3')"> Copy3 </button>

参考资料

Relay Tips: 一极乐（ https://yijile.com/log/307/ ）