h5页面点击按钮实现复制文本功能

本人遇到插件ClipboardJS在IOS里不生效的情况很折磨人后,改用另一种写法

按钮

方法(val是要复制的文本值,亲测可用包括安卓,ios,pc)

function copyArticle(val) {

    var input = document.createElement('input');

    input.setAttribute('id','copyId');

    input.value= val

    document.querySelector('body').appendChild(input)

          const range = document.createRange();

          range.selectNode(document.getElementById('copyId'));

          const selection = window.getSelection();

          if(selection.rangeCount> 0)selection.removeAllRanges();

          selection.addRange(range);

          document.execCommand('copy');

          document.getElementById('copyId').remove()

          alert("复制成功!");

      }

你可能感兴趣的:(h5页面点击按钮实现复制文本功能)