讓微信內置瀏覽器兼容clipboard.js 復制粘貼 ios 安卓

<!--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秒后自動關閉
        });
    });

 

讓微信內置瀏覽器兼容clipboard.js 復制粘貼 ios 安卓

 

 

 

 

1, 點擊框得是 button

2，id必須是英文開頭

3， input設置readonly

 

就OK了， 測試支持 企業微信 ios 安卓 不會掉起鍵盤