js實現復制內容到剪貼板

一、 原生js實現，電腦可以用，手機不可以用

　　1. 必須是 input元素 才可以使用

　　　　<input id="code" type="text" value="www">

　　　　<span class="copy-btn" v-on:click="copy">復制</span>

　　　　//獲取input並執行選中

　　　　document.getElementById('code').select();

　　　　//執行documen的copy事件
　　　　document.execCommand('copy');

二、clipboard.js 實現，電腦、手機都可以用  https://github.com/zenorocha/clipboard.js

　　1.  input、div 任何元素都可以使用

　　　　<span id="code">123456</span>

　　　　<span class="copy-btn" data-clipboard-target="#code" v-on:click="copy">復制</span>

　　　　let clipboard = new ClipboardJS('.copy-btn');
　　　　clipboard.on('success', function(e) {
　　　　　　//復制成功
　　　　　　console.log("復制成功");
　　　　　　//取消選中
　　　　　　e.clearSelection();
　　　　});