• 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给到的复制规则来实现此功能。

  • 相关阅读:
    JS中return函数
    Java异常
    ssh框架整合之注解版
    ssh框架整合之xml版
    Struts之拦截器
    Struts入门初体验
    Hibernate关联查询 一对多双向关联
    Hibernate之hql
    Aop小列子
    深入.Net第二章总结
  • 原文地址:https://www.cnblogs.com/moumou0213/p/6734487.html
Copyright © 2020-2023  润新知