clipboard.js一個可以在移動端一鍵復制的插件

網址：https://clipboardjs.com/

使用方法：

1、引入js <script src="dist/clipboard.min.js"></script>

2、每一個需要復制或者操作的元素都需要new一個實例

3、三種方式實現復制

• 復制input元素里內容，input不能隱藏，type不能設置為hidden，否則無效

<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">

<!-- Trigger -->
<button style="width:100px;height:50px" value="復制" data-clipboard-target="#foo">
</button>

var copyBtn= new ClipboardJS('.btn');

 

• 直接將需要復制的元素寫在button 中

  <button class="btn" data-clipboard-text="需要復制的內容">
      復制
  </button>

  var copyBtn= new ClipboardJS('.btn');

   

• 寫在代碼中

　　　

<button class="btn" aria-label="需要復制的內容">
    復制
</button>

 

var copyBtn= new ClipboardJS('.btn', {
    text: function (trigger) {
        return trigger.getAttribute('aria-label');
    }
});

 

iphone只支持safari10+，有些移動端使用方式1,2無效時，可試試方式3