js实现复制文字到剪切板

纯js

 

function copyToClipboard (text) {
    if(text.indexOf('-') !== -1) {
        let arr = text.split('-');
        text = arr[0] + arr[1];
    }
    var textArea = document.createElement("textarea");
      textArea.style.position = 'fixed';
      textArea.style.top = '0';
      textArea.style.left = '0';
      textArea.style.width = '2em';
      textArea.style.height = '2em';
      textArea.style.padding = '0';
      textArea.style.border = 'none';
      textArea.style.outline = 'none';
      textArea.style.boxShadow = 'none';
      textArea.style.background = 'transparent';
      textArea.value = text;
      document.body.appendChild(textArea);
      textArea.select();

      try {
        var successful = document.execCommand('copy');
        var msg = successful ? '成功复制到剪贴板' : '该浏览器不支持点击复制到剪贴板';
       alert(msg);
      } catch (err) {
        alert('该浏览器不支持点击复制到剪贴板');
      }

      document.body.removeChild(textArea);
}

typescript

文字如果需要换行符：let str = name+'\n' + phone+'\n' + address;

 

//复制订单信息
    copyOrder(obj): void{
        //alert(111)
        //window.clipboardData.setData("Text",obj.value);//设置数据
        //document.execCommand("Copy"); // 执行浏览器复制命令
        debugger
        let name = obj.name;
        let phone = obj.phone;
        let address = obj.addr;
        let str = name + phone + address;
        this.copyToClipboard(str + '')
    };


    copyToClipboard(text): void {
        if(text.indexOf('-') !== -1) {
            let arr = text.split('-');
            text = arr[0] + arr[1];
        }
        var textArea = document.createElement("textarea");
        textArea.style.position = 'fixed';
        textArea.style.top = '0';
        textArea.style.left = '0';
        textArea.style.width = '2em';
        textArea.style.height = '2em';
        textArea.style.padding = '0';
        textArea.style.border = 'none';
        textArea.style.outline = 'none';
        textArea.style.boxShadow = 'none';
        textArea.style.background = 'transparent';
        textArea.value = text;
        document.body.appendChild(textArea);
        textArea.select();

        try {
            var successful = document.execCommand('copy');
            var msg = successful ? '成功复制到剪贴板' : '该浏览器不支持点击复制到剪贴板';
            //alert(msg);
            layer.msg(msg);
        } catch (err) {
            //alert('该浏览器不支持点击复制到剪贴板');
            layer.msg('该浏览器不支持点击复制到剪贴板')
        }

        document.body.removeChild(textArea);
    }

原文地址：https://www.cnblogs.com/summer0319/p/7243465.html

function copyToClipboard (text) {
if(text.indexOf('-') !== -1) {
let arr = text.split('-');
text = arr[0] + arr[1];
}
var textArea = document.createElement("textarea");
textArea.style.position = 'fixed';
textArea.style.top = '0';
textArea.style.left = '0';
textArea.style.width = '2em';
textArea.style.height = '2em';
textArea.style.padding = '0';
textArea.style.border = 'none';
textArea.style.outline = 'none';
textArea.style.boxShadow = 'none';
textArea.style.background = 'transparent';
textArea.value = text;
document.body.appendChild(textArea);
textArea.select();

 

  try {
    var successful = document.execCommand('copy');
    var msg = successful ? '成功复制到剪贴板' : '该浏览器不支持点击复制到剪贴板';
   alert(msg);
  } catch (err) {
    alert('该浏览器不支持点击复制到剪贴板');
  }

  document.body.removeChild(textArea);

}

作者：追逐繁星D孩子
链接：https://www.jianshu.com/p/53417357a955
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。