clipboard.js实现页面内容复制到剪贴板

clipboard.js实现复制内容到剪切板,它不依靠flash以及其他框架,应用起来比较简单

<input type="text" name="copy_txt" id="copy_txt" value="6228 4600 8801 4620 974" readonly/>
<button id="copy" data-clipboard-action="copy" data-clipboard-target="#copy_txt">复制账号</button>
<script type="text/javascript" src="js/jquery-3.0.0.min.js"></script>
<script type="text/javascript" src="js/payway/clipboard.min.js"></script>
<script>
    var clipboard = new Clipboard('.btn');

    clipboard.on('success', function(e) {
        console.log(e);
    });

    clipboard.on('error', function(e) {
        console.log(e);
    });
</script>

应用在移动端的时候出现了兼容问题,安卓可以完全适配,但是苹果手机要求Safari 10+才能使用,目前并没有解决的方法,

这样的话,我们改变了解决方案,使用click事件结合安卓、ios给到的复制规则来实现此功能。

posted @ 2017-04-19 17:16  moumou0213  阅读(339)  评论(0编辑  收藏  举报