Js点击复制内容的代码大全

发布时间:2020-02-27编辑:脚本学堂
js点击复制内容的代码大全,包括复制文本框中的内容,传递url给QQ好友,直接复制url地址等,有需要的朋友,千万不要错过哦。

1 、点击按钮,复制文本框中的的内容
 

<script type="text/javascript"> 
function copyUrl2() 
{ 
var Url2=document.getElementById("biao1"); 
Url2.select(); //选择对象 
document.execCommand("Copy"); //执行浏览器复制命令 
alert("已复制好,可贴粘。"); 
} 
</script> 
<textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea> 
<input type="button" onClick="copyUrl2()" value="点击复制代码" />

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Js复制代码</title>
</head>
<body>
<p>
<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、复制文本框或者隐藏域中的内容
 

<script language="javascript"> 
function CopyUrl(target){ 
target.value=myimg.value; 
target.select();   
js=myimg.createTextRange();   
js.execCommand("Copy"); 
alert("复制成功!"); 
} 
function AddImg(target){ 
target.value="[IMG]"+myimg.value+"[/ img]";
target.select(); 
js=target.createTextRange();   
js.execCommand("Copy"); 
alert("复制成功!"); 
} 
</script> 
<input name=myimg type=hidden id=myimg value="http://www.jb200.com" /> 
<input name=imgurl type=text size=32 value="http://www.jb200.com" /> 
<input type=button value="点击这里复制本站地址" onclick="CopyUrl(imgurl);" />

6、复制span标记中的内容
 

<script type="text/javascript">function copyText(obj)   
{ 
var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.execCommand("Copy"); 
rng.collapse(false);
alert("复制成功!"); 
} 
</script>

以下是代码片段:
 

<span id="tbid">http://pmp.xxxx.com</span>   
[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/> 
<span id="tbid2">http://www.xxxxx.com/pmp</span>   
[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>
</p>
</body>
</html>

7、兼容Firefox的点击复制js代码!
 

<script type="text/javascript">
function copyCode(id){
var testCode=document.getElementById(id).value;
if(copy2Clipboard(testCode)!=false){
alert("生成的代码已经复制到粘贴板,你可以使用Ctrl+V 贴到需要的地方去了哦!  ");
}
}
copy2Clipboard=function(txt){
if(window.clipboardData){
window.clipboardData.clearData();
window.clipboardData.setData("Text",txt);
}
else if(navigator.userAgent.indexOf("Opera")!=-1){
window.location=txt;
}
else if(window.netscape){
try{
netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
}
catch(e){
alert("您的firefox安全限制限制您进行剪贴板操作,请打开’about:config’将signed.applets.codebase_principal_support’设置为true’之后重试,相对路径为firefox根目录/greprefs/all.js");
return false;
}
var clip=Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
if(!clip)return;
var trans=Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
if(!trans)return;
trans.addDataFlavor('text/unicode');
var str=new Object();
var len=new Object();
var str=Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
var copytext=txt;str.data=copytext;
trans.setTransferData("text/unicode",str,copytext.length*2);
var clipid=Components.interfaces.nsIClipboard;
if(!clip)return false;
clip.setData(trans,null,clipid.kGlobalClipboard);
}
}
</script>
<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode1');return false;">点击复制1</a>]<br>
<textarea rows=2 id="txtTestCode1" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容1</textarea>
</div>

<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode2');return false;">点击复制2</a>]<br>
<textarea rows=2 id="txtTestCode2" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容2</textarea>
</div>

<div>
<a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode3');return false;">点击复制3</a>]<br>
<textarea rows=2 id="txtTestCode3" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容3</textarea>
</div>