首页 > 编程语言 > 详细

javascript copy 复制到粘贴板的方法

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

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 复制到粘贴板的方法

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!