您的位置:首页 > Web前端 > JavaScript

js实现文本点击复制整理

2008-12-21 09:32 447 查看
这个就是简单的javascript脚本的应用,写在这里方便朋友复制吧。

第一种方式(按钮):

<title>按钮式js复制网址</title> 
<input type="button" name="Submit" onClick='copyToClipBoard()' value="复制本文地址,传给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>

 

第二种方式(文本框):

<script> 
function oCopy(obj){ 
obj.select(); 
js=obj.createTextRange(); 
js.execCommand("Copy");
alert("复制成功!");

</script> 
<input onclick="oCopy(this)" value="要copy的内容!">

 

第三种方式(代码片段):

<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);}
</script> 
以下是代码片段: 
<span id="tbid">http://blog.csdn.net/none01</span> 

[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/> 
<span id="tbid2">http://blog.csdn.net/none01</span> 

[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/> 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript button 脚本