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