插件clipboard.js實現複製功能

• 一個列表，要實現複製對應url的功能，引用插件clipboard.js，兼容各大主流瀏覽器

•  示例html代碼:

<tr>
    <td>大王貸 &amp; QQ空間</td>
    <td>pid=9&amp;cid=1</td>
    <td>2018-11-30 03:11:05</td>
    <td>
        <a href="javascript:void(0);" class="copy" id="copy0" url="pid=9&amp;cid=1">複製                        
        </a> | 
        <a href="product/editUrl/3">編輯</a>
    </td>
</tr>
<tr>
    <td>大王貸 &amp; QQ空間</td>
    <td>pid=9&amp;cid=1</td>
    <td>2018-11-30 03:11:05</td>
    <td>
        <a href="javascript:void(0);" class="copy" id="copy1" url="pid=9&amp;cid=1">複製                        
        </a> | 
        <a href="product/editUrl/3">編輯</a>
    </td>
</tr>

• 示例js代碼： 

  //copy
    $('.copy').click(function(){
        var url = $(this).attr('url');
        var id  = $(this).attr('id');
  
        var clipboard = new Clipboard('#'+id, {
        text: function() {
            return url;
          }
        });
        clipboard.on('success', function(e) {
          layer.msg('複製成功');
          clipboard.destroy(); //銷燬實例,防止多次彈出
        });
    });

  注： clipboard.destroy();缺少這段多次點擊時會彈出多次成功提示 

clipboard.js源碼地址：https://github.com/zenorocha/clipboard.js