之前寫過一篇部落格，介紹一個複製到剪下板的外掛，ZeroClipboard，什麼都hen好，然而就是不支援微信瀏覽器，我也沒找到什麼解決方案，我就嚴正拒絕了產品經理的需求。

直到今天被產品看到一個其他yin的h5，竟然可以實現複製到剪下板的功能，啪啪打臉~

看了下用了個叫clipboard.js的外掛，用法超簡單了

• 引入外掛

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

• html

    <div class="copyBtn" 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) {});

• 點選一鍵複製就ok了，簡單的令人髮指…
  

還有一個用法

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

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

    //js是一樣...

就醬，不知道為啥Google都很少關於微信瀏覽器內拷貝的資訊，活在被微信訂的框框支配的恐懼之中==