js实现复制粘贴

时间:2021-03-13 14:27:12

今天做到一个礼包码复制粘贴的功能,利用https://clipboardjs.com/ 提供的clipboard.js

引入:

<script src="dist/clipboard.min.js"></script>

html :

点击按钮复制ID为foo的input内容。

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

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
<img src="assets/clippy.svg" alt="Copy to clipboard">
</button>

实例化对象:

new Clipboard('.btn');