将文本复制到剪切板的多种解决方案（2018-08-17）

原生JS实现：

const copyText = (text) => {
  let e = document.createElement('input');
  e.setAttribute('id', 'copyTextBox');
  e.value = text;
  document.getElementsByTagName('body')[0].appendChild(e);
  document.getElementById('copyTextBox').select();
  document.execCommand("copy");
  document.getElementById('copyTextBox').remove();

  let tag = document.getElementById('tag');
  tag.style.display = "block";
  setTimeout(() => {
    tag.style.display = "none";
  }, 3000);
}

为什么非要写入document中呢，因为，如果不写入document中的话create的input标签是不可拓展的。简单来说就是不能给他value的。

     

       

          

            
分享链接
            
{url}
             copyText(url)}>复制链接
            
复制成功
          
          

            
            
            
扫描二维码 分享到微信