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>起作用。