移动端复制粘贴

最新推荐文章于 2022-10-21 00:53:45 发布

hy3528

最新推荐文章于 2022-10-21 00:53:45 发布

阅读量175

点赞数

分类专栏： html JavaScript

本文链接：https://blog.csdn.net/hy3528/article/details/103345943

版权

html 同时被 2 个专栏收录

73 篇文章 1 订阅

订阅专栏

JavaScript

37 篇文章 0 订阅

订阅专栏

<p class="box_p" id="targetTwo">hnsskla</p>
<a href="weixin://">
        <div class="box_bt" data-clipboard-action="copy" data-clipboard-target="#targetTwo" id="copy_btnTwo"></div>
</a>

第一条id“targetTwo”为需要复制的内容

data-clipboard-action=“copy"代表方法，data-clipboard-target=”#targetTwo"为复制内容
第二条id“copy_btnTwo”为执行按钮

<script>
var clipboard = new Clipboard('#copy_btnTwo');
clipboard.on('success', function(e) {
  e.clearSelection();
  console.log(e.clearSelection);
});


</script>

需要引入的标签

 <script src="http://cdn.suoluomei.com/common/js2.0/vue/v2.5.16/vue.js"></script>
  <script src="http://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script>
  <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>