码迷,mamicode.com
首页 > 移动开发 > 详细

JS复制文本到粘贴板,前端H5移动端点击按钮复制文本

时间:2019-09-24 15:51:22      阅读:247      评论:0      收藏:0      [点我收藏+]

标签:href   inpu   document   enum   oar   rem   count   cli   ons   

<span id="codeNum">FTYHDSDW</span>
<span class=" code-btn" id="codeBtn" data-clipboard-target="#input">复制</span>

js代码

<script type="text/javascript">
  function copyArticle(event) {
        const range = document.createRange();
        range.selectNode(document.getElementById(codeNum));
 
        const selection = window.getSelection();
        if(selection.rangeCount > 0) selection.removeAllRanges();
        selection.addRange(range);
        document.execCommand(copy);
        alert("复制成功!");
      }
    document.getElementById(codeBtn).addEventListener(click, copyArticle, false);
    
</script>

源地址:https://www.jianshu.com/p/6ec9c72dc5eb

JS复制文本到粘贴板,前端H5移动端点击按钮复制文本

标签:href   inpu   document   enum   oar   rem   count   cli   ons   

原文地址:https://www.cnblogs.com/opcec/p/11578384.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!