当前位置:首页 > 移动开发 > 正文

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

2024-03-31 移动开发

<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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/yidong/18534.html