JS 点击复制Copy

https://www.cnblogs.com/tylerdonet/p/4533782.html

1.实现点击按钮，复制文本框中的的内容
手机浏览器不兼容

<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

<script type="text/javascript">
function copyUrl2() {
   var Url2=document.getElementById("biao1");
	Url2.select(); // 选择对象
	document.execCommand("Copy"); // 执行浏览器复制命令
	alert("已复制好，可贴粘。");
	}
</script>

2.复制专题地址和 url 地址，传给 QQ/MSN 上的好友

<input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制专题地址和url地址，传给QQ/MSN上的好友">
<script language="javascript">
	function copyToClipBoard(){
	var clipBoardContent="";
	clipBoardContent+=document.title;
	clipBoardContent+="";
	clipBoardContent+=this.location.href;
	window.clipboardData.setData("Text",clipBoardContent);
	alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");
}
</script>

3.直接复制 url

<input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">
<script language="javascript">
function copyUrl(){
	var clipBoardContent=this.location.href;
	window.clipboardData.setData("Text",clipBoardContent);
	alert("复制成功!");
}
</script>

4.点击文本框时，复制文本框里面的内容

<input onclick="oCopy(this)" value="你好.要copy的内容!">
<script language="javascript">
function oCopy(obj){
	obj.select();
	js=obj.createTextRange();
	js.execCommand("Copy")
	alert("复制成功!");
}
</script>

5.兼容方案

<input type="text" id="code" value="" class="code" />
<span id="btn" class="copy" data-clipboard-target="#code">copy</span>

<script language="javascript">
	//优雅降级:safari 版本号>=10,提示复制成功;否则提示需在文字选中后，手动选择“拷贝”进行复制
var btn = document.getElementById('btn');
var clipboard = new ClipboardJS(btn);
clipboard.on('success', function(e) {
	var tip = $("#copy-tip").html();
    alert(tip);
    e.clearSelection();
});
clipboard.on('error', function(e) {
    alert('Please select code to copy!')
});
</script>