js复制html到剪切板,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);

}

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);

}