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

转载于:https://www.cnblogs.com/panyujun/p/9816518.html