js實現文本點擊複製整理

這個就是簡單的javascript腳本的應用，寫在這裏方便朋友複製吧。
第一種方式（按鈕）：

1. <title>按鈕式js複製網址</title> 
2. <input type="button" name="Submit" onClick='copyToClipBoard()' value="複製本文地址，傳給QQ/MSN上的好友"> 
3. <script language="javascript"> 
4. function copyToClipBoard(){ 
5. var clipBoardContent=""; 
6. clipBoardContent+=document.title; 
7. clipBoardContent+=" - "; 
8. clipBoardContent+=this.location.href; 
9. window.clipboardData.setData("Text",clipBoardContent); 
10. alert("複製成功，請粘貼到你的QQ/MSN上推薦給你的好友"); 
11. } 
12. </script>

 

第二種方式（文本框）：

1. <script> 
2. function oCopy(obj){ 
3. obj.select(); 
4. js=obj.createTextRange(); 
5. js.execCommand("Copy");
6. alert("複製成功！");
7. } 
8. </script> 
9. <input οnclick="oCopy(this)" value="要copy的內容!">

 

第三種方式（代碼片段）：

1. <script type="text/javascript"> 
2. function copyText(obj) 
3. { 
4. var rng = document.body.createTextRange(); 
5. rng.moveToElementText(obj); 
6. rng.scrollIntoView(); 
7. rng.select(); 
8. rng.execCommand("Copy"); 
9. rng.collapse(false);}
10. </script> 
11. 以下是代碼片段： 
12. <span id="tbid">http://blog.csdn.net/none01</span> 
13. [<a href="#" οnclick="copyText(document.all.tbid)">點擊複製</a>]<br/><br/> 
14. <span id="tbid2">http://blog.csdn.net/none01</span> 
15. [<a href="#" οnclick="copyText(document.all.tbid2)">點擊複製</a>]<br/><br/>