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

Posted opcec

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS复制文本到粘贴板,前端H5移动端点击按钮复制文本相关的知识,希望对你有一定的参考价值。

<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移动端点击按钮复制文本的主要内容,如果未能解决你的问题,请参考以下文章

浏览器点击复制粘贴到剪切板的解决

转JS--通过按钮直接把input或者textarea里的值复制到粘贴板里

h5实现点击复制路由信息

解决clipboard手机端无法复制的一种思路

jquery 一个按钮点击,复制文本内容

JS复制自定义内容到粘贴板