javascript copy 复制到粘贴板的方法

Posted 2020-09-17 明天后浪

1.如果只是实现一个复制的功能呢有一个比较简单的方案废话不说，直接上代码 (pc 推荐)

<script type="text/javascript">
    function copyUrl2() {
        var Url2 = document.getElementById("biao1");
        Url2.select(); // 选择对象
        document.execCommand("Copy"); // 执行浏览器复制命令
    }
</script>
//定义dom
<div onClick="copyUrl2()">click me to copy</div>
<textarea cols="20" rows="10" id="biao1" style="position: absolute;left:-10000px">hello world33333444433</textarea>

但是这个实现的方法pc无问题 但是在移动端有一个缺点 手机的键盘区会弹出来 因为执行的是textarea 的 select 方法取值 (移动推荐)

2.引用一个JavaScript copy库，测试移动端能够完美的复制 （不需要flash的支持  gzip之后只有3kb 比较完美)

地址：https://github.com/zenorocha/clipboard.js