js------H5點擊按鈕複製

點擊按鈕實現複製特定公衆號文本

 

引用了clipboard插件來實現。

安裝方法

npm install clipboard --save

或者通過頁面引入js,去官方 ： https://clipboardjs.com/ 下載壓縮文件，然後引入。

       
        <div class="wechat">
             <button class="btn" data-clipboard-text="複製的內容"></button>
         </div>

        let clipboard = new ClipboardJS('.btn');

        clipboard.on('success', function(e) {
            $('.Mask').show();
            setTimeout(function() {
                $('.Mask').hide(200);
            }, 2000)
            e.clearSelection();
        })

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

注：從其他元素剪切文本時使用cut,但是cut僅對<input> 或者<textarea>起作用。