码迷,mamicode.com
首页 > 编程语言 > 详细

javascript copy 复制到粘贴板的方法

时间:2017-05-12 10:47:10      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:复制   tps   浏览器   man   ecc   地址   copy   ntb   logs   

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

javascript copy 复制到粘贴板的方法

标签:复制   tps   浏览器   man   ecc   地址   copy   ntb   logs   

原文地址:http://www.cnblogs.com/zerohu/p/6844361.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!