js实现文本点击复制整理

来源:互联网 发布:linux gtk 编程 编辑:程序博客网 时间:2024/05/29 02:48

这个就是简单的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. </script>

 

第二种方式(文本框):

  1. <script> 
  2. function oCopy(obj){ 
  3. obj.select(); 
  4. js=obj.createTextRange(); 
  5. js.execCommand("Copy");
  6. alert("复制成功!");
  7. </script> 
  8. <input onclick="oCopy(this)" value="要copy的内容!">

 

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

  1. <script type="text/javascript"
  2. function copyText(obj) 
  3. var rng = document.body.createTextRange(); 
  4. rng.moveToElementText(obj); 
  5. rng.scrollIntoView(); 
  6. rng.select(); 
  7. rng.execCommand("Copy"); 
  8. rng.collapse(false);}
  9. </script> 
  10. 以下是代码片段: 
  11. <span id="tbid">http://blog.csdn.net/none01</span> 
  12. [<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/> 
  13. <span id="tbid2">http://blog.csdn.net/none01</span> 
  14. [<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/> 
原创粉丝点击