纯JavaScript 代码,实现复制到剪贴板功能

纯JS实现,支持移动端和PC。clipboard.js

  1. 引入clipboard.js
<script type="text/javascript" src="/public/js/clipboard.min.js"></script>
  1. html
<!-- Target -->
<input id="foo" value="https://github.com/zenorocha/clipboard.js.git">

<!-- Trigger -->
<button class="btn" data-clipboard-target="#foo">
    ![](assets/clippy.svg)
</button>
  1. JS
<script type="text/javascript">
  var clipboard = new Clipboard('.btn');
</script>

具体可以查看官网的例子
https://clipboardjs.com/
https://github.com/zenorocha/clipboard.js

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容