原生js复制指定内容到剪贴板

关于复制内容到剪贴板有很多成熟的插件，本人也使用过Clipboard.js等，但就兼容性而言，也发现有不好处，在使用的时候也需要先引入Clipboard.js文件。在网站管理中，发现如果网站多了每个网站去添加，后面需要修改复制的内容，有需要一个个去修改。加上引入的Clipboard.js文件和编写的绑定js事件，也算两个js文件了，怎么远程引入一个js文件就能解决问题呢？就是编写原生js的复制函数啦，还需要做到比较大的兼容性。

原生js的好处就是不依赖任何js库，曾经也使用过基于jquery的复制插件，但是并不是每个网站都有加载juqery，所以加上jquery，复制js插件,绑定js都是三个js文件了。下面的代码即使原生的复制代码，将下面的js 保存为文件，可以在函数下面执行，后面不管多少网站想要调用直接引入这个js文件即可

function copyjs(codycont){
	let u = navigator.userAgent;
	// let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端 
	let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
	let body = document.getElementsByTagName('body')[0];
	if(isiOS){  //ios终端
		let txt = document.createElement('a');
		txt.style = 'position:absolute;top:-9999px;left:-9999px;';
		txt.setAttribute('id',"selector");
		txt.innerHTML = codycont;
		body.appendChild(txt);
		let copyDOM = document.querySelectorAll('#selector');
		let range = document.createRange();  
		range.selectNode(copyDOM[0]);
		window.getSelection().removeAllRanges();
		window.getSelection().addRange(range);
		document.execCommand('copy');
		body.removeChild(txt);
	}else{ // 非ios终端
		let txt = document.createElement('textarea');
		txt.style = 'position:absolute;top:-9999px;left:-9999px;';
		txt.setAttribute('id',"selector");
		txt.innerHTML = codycont;
		body.appendChild(txt);
		let selector = document.getElementById('selector');
		selector.select();
		document.execCommand("copy");
		body.removeChild(txt);
	}
	// console.log(u);
	// console.log("已复制好，可贴粘。");
}
//复制函数 参数为复制 字符串
copyjs("需要复制的内容字符串");

经测试在安卓，pc，iOS下，UC、QQ、华为浏览器、chrome等都能正常复制内容到剪贴板