html5: 複製到剪貼板 clipboard.js

一、使用clipboard.min.js工具，引用此js
　　注意事項：
　　　　IOS微信網頁開發中，若使用此工具來開發複製功能，則須要在超連接/按鈕上新增 onclick=" "

二、clipboard使用

　　　　　　　　　<li class="flex ai-center jc-sb">
        　　　　　　　<div class="reportCode">
                        <input class="fs-18" value="3VDK2109" readonly="readonly">
                        <div class="reportDate fs-13">2019.1.21</div>
                    </div>
                    <div class="reportEdit flex">
                        <div class="nextBtn fs-14 enable copyBtn" data-clipboard-text="Just because you can doesn't" onclick="">複製</div>
                        <div class="nextBtn fs-14">刪除</div>
                    </div>
                </li>

 

    　　　　　　　 //複製
                var clipboard = new ClipboardJS('.copyBtn');//點擊class爲copyBtn的按鈕複製內容
                
                clipboard.on('success', function(e) {
                    e.clearSelection();
                    showMsg('複製成功');
                });
                
                clipboard.on('error', function(e) {
                    showMsg('您的手機暫不支持，請長按進行復制');
                });
                function showMsg(data){
                    layer.open({
                        content: data,
                        skin: 'msg',
                        time: 2
                    })
                }