Clipboard.js 框架實現移動端瀏覽器實現網頁內容複製

引入插件

<script type='text/javascript' src="https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js"></script>

代碼

 <div class="copyClick" data-clipboard-text="複製的內容">一鍵複製</div>

初始化插件實例

var clipboard = new Clipboard('.copyBtn').on('success', function(e) {
        var e = e || window.event;
        console.log(e);
    }).on('error', function(e) {});

點擊一鍵複製

 <!-- 目標元素 -->
    <div id="foo">靠呸密！copy me！</div>

    <!-- 複製按鈕 -->
    <a class="copyBtn"  href="javascript:"  data-clipboard-action="copy"  data-clipboard-target="#foo">複製</a>

    //js是一樣...

參考
vue項目中用 cdn 優化
webpack externals詳解