js库clipboard.js 复制粘贴完美兼容 ios和android

clipboard.js有一些注意事项,特别是在android上:

1, 点击框得是 button

2,id必须是英文开头

3, 复制的内容要放在input输入框里,否则会导致安卓手机上无法复制,input设置readonly

示例:

<!--js copy事件-->
<script type="text/javascript" src="/static/js/clipboard.min.js" ></script>

<li>
                    <p>卡号-01:<span><input id="l1234567890" type="text" value="1234567890" readonly></span><button class="btnClipboard" data-clipboard-action="copy" data-clipboard-target="#l1234567890">复制</button></p>
                    <p>密码-01:
                        <span class="pass_mi">******</span>
                        <span class="pass_show">显示</span>
                        <span class="pass_num"><input id="l098765" type="text" value="098765" readonly></span>
                        <span class="pass_copy">
                            <button class="btnClipboard" data-clipboard-action="copy" data-clipboard-target="#l098765">复制</button>
                        </span>
                    </p>
                </li>

 var clipboard = new ClipboardJS('.btnClipboard');
    clipboard.on('success', function (e) {
        layer.open({
            content: '复制成功'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
        });
    });
    clipboard.on('error', function (e) {
        layer.open({
            content: '请手动复制'
            ,skin: 'msg'
            ,time: 2 //2秒后自动关闭
        });
    });




关注公众号“大模型全栈程序员”回复“小程序”获取1000个小程序打包源码。更多免费资源在http://www.gitweixin.com/?p=2627

发表评论

邮箱地址不会被公开。 必填项已用*标注