分享自：http://www.cnblogs.com/athens/archive/2013/01/16/2862981.html

1.实现点击按钮，复制文本框中的的内容

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

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

  1.  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  2 <html xmlns="http://www.w3.org/1999/xhtml">
  3.  3 <head>
  4.  4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  5.  5 <title>Js复制代码</title>
  6.  6 </head>
  7.  7 <body>
  8.  8 <p>
  9.  9 <input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制专题地址和url地址，传给QQ/MSN上的好友">
  10. 10 <script language="javascript">
  11. 11 function copyToClipBoard(){
  12. 12 var clipBoardContent="";
  13. 13 clipBoardContent+=document.title;
  14. 14 clipBoardContent+="";
  15. 15 clipBoardContent+=this.location.href;
  16. 16 window.clipboardData.setData("Text",clipBoardContent);
  17. 17 alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");
  18. 18 }
  19. 19 </script>

3.直接复制 url

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

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

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

5.复制文本框或者隐藏域中的内容

  1.  1 <script language="javascript">
  2.  2 function CopyUrl(target){
  3.  3 target.value=myimg.value;
  4.  4 target.select();
  5.  5 js=myimg.createTextRange();
  6.  6 js.execCommand("Copy");
  7.  7 alert("复制成功!");
  8.  8 }
  9.  9 function AddImg(target){
  10. 10 target.value="[IMG]"+myimg.value+"[/ img]";
  11. 11 target.select();
  12. 12 js=target.createTextRange();
  13. 13 js.execCommand("Copy");
  14. 14 alert("复制成功!");
  15. 15 }
  16. 16 </script>

6.复制 span 标记中的内容

  1.  1 <script type="text/javascript">
  2.  2 </script>
  3.  3 <br />
  4.  4 <br />
  5.  5 <script type="text/javascript">function copyText(obj)
  6.  6 {
  7.  7 var rng = document.body.createTextRange();
  8.  8 rng.moveToElementText(obj);
  9.  9 rng.scrollIntoView();
  10. 10 rng.select();
  11. 11 rng.execCommand("Copy");
  12. 12 rng.collapse(false);
  13. 13 alert("复制成功!");
  14. 14 }
  15. 15 </script>

7.浏览器兼容  copyToClipboard("拷贝内容")

  1.  1  function copyToClipboard(txt) {
  2.  2             if (window.clipboardData) {
  3.  3                 window.clipboardData.clearData();
  4.  4                 clipboardData.setData("Text", txt);
  5.  5                 alert("复制成功！");
  6.  6
  7.  7             } else if (navigator.userAgent.indexOf("Opera") != -1) {
  8.  8                 window.location = txt;
  9.  9             } else if (window.netscape) {
  10. 10                 try {
  11. 11                     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
  12. 12                 } catch (e) {
  13. 13                     alert("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");
  14. 14                 }
  15. 15                 var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);
  16. 16                 if (!clip)
  17. 17                     return;
  18. 18                 var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);
  19. 19                 if (!trans)
  20. 20                     return;
  21. 21                 trans.addDataFlavor("text/unicode");
  22. 22                 var str = new Object();
  23. 23                 var len = new Object();
  24. 24                 var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);
  25. 25                 var copytext = txt;
  26. 26                 str.data = copytext;
  27. 27                 trans.setTransferData("text/unicode", str, copytext.length * 2);
  28. 28                 var clipid = Components.interfaces.nsIClipboard;
  29. 29                 if (!clip)
  30. 30                     return false;
  31. 31                 clip.setData(trans, null, clipid.kGlobalClipboard);
  32. 32                 alert("复制成功！");
  33. 33             }
  34. 34         }

JS 点击复制Copy (share)的更多相关文章

  1. JS 点击复制Copy

    1.实现点击按钮,复制文本框中的的内容 1 <script type="text/javascript"> 2 function copyUrl2() 3 { 4 va ...

  2. JS 点击复制Copy插件--Zero Clipboard

    写博客就是一周工作中遇到哪些问题,一个优点就是能够进行一个总结,另外一个优点就是下次遇到相同的问题即使那你记不住,也能够翻看你的博客攻克了.相同也能够帮到别人遇到与你一样问题的人.或者别人有比你更好的 ...

  3. JS 点击复制按钮 将文字复制到手机剪贴板

    我们在制作移动端网页的时候,经常会遇到这样一个问题,如何点击一个"复制"按钮,把一串文字复制到手机剪贴板,如上图所示. 看了网上的一些方法后,感觉那些方法都太复杂,有点要用插件,有 ...

  4. JS点击复制

    <!DOCTYPE html><html><head> <script type="text/javascript"> functi ...

  5. js 点击复制内容

    <textarea id="pushUrlsTxt" rows="5" cols="55"></textarea> ...

  6. JS 点击复制

    一.原理分析 浏览器提供了 copy 命令 ,可以复制选中的内容 document.execCommand("copy") 如果是输入框,可以通过 select() 方法,选中输入 ...

  7. js点击复制剪贴板

    代码用原生写的.工作中用的angular,所以如果有用angular的话,请把js代码copyToClipboard函数中的document.getElementById(elementId).inn ...

  8. js 点击复制文字

    复制input里面的文字 html: <input id="content" class="form-control" type="text&q ...

  9. js 点击复制代码 window.clipboardData.setData

    var v = document.getElementById("forcopy").value; window.clipboardData.setData('text',v); ...

随机推荐

  1. Linq排序，获取前5条数据

    _dic = _dic.OrderByDescending(x => x.Value).ToDictionary(x=>x.Key,x=>x.Value); var Num = _d ...

  2. 【WEB】HTTP协议

    http1.0和http1.1 区别,http1.1可以发送多个http请求

  3. os.environ()

    ---------2016-5-9 18:56:39-- source:OS.ENVIRON()详解

  4. ie兼容问题整理

    1.连续发请求问题 *  jquery(document).ready(function(){}) *  连续发请求ie8出问题,被拦截问题,url后边加时间戳    *  例  url : url+ ...

  5. poj2778DNA Sequence（AC自动机+矩阵乘法）

    链接 看此题前先看一下matrix67大神写的关于十个矩阵的题目中的一个,如下: 经典题目8 给定一个有向图,问从A点恰好走k步(允许重复经过边)到达B点的方案数mod p的值    把给定的图转为邻 ...

  6. 理解RxJava线程模型

    RxJava作为目前一款超火的框架,它便捷的线程切换一直被人们津津乐道,本文从源码的角度,来对RxJava的线程模型做一次深入理解.(注:本文的多处代码都并非原本的RxJava的源码,而是用来说明逻辑 ...

  7. nginx location配置

    nginx location配置   location在nginx中起着重要作用,对nginx接收到的请求字符串进行处理,如地址定向.数据缓存.应答控制.代理转发等location语法location ...

  8. 20161025__Oracle10g双机备份

    1.主要流程,参考: 完整 Oracle10G DataGuard安装文档_百度文库.html http://wenku.baidu.com/link?url=8A7nJGSwRu-83mxEIqGE ...

  9. JQuery操作HTML文档

    一.JQuery选择元素 1.$("p").click(function(){$(this).hide();} 点击HTML页面的任何p元素都会隐藏该p元素 2.$("# ...

  10. 关于如何来构造一个String类

    今天帮着一位大二的学弟写了一个String的类,后来一想这个技术点,也许不是什么难点,但是还是简单的记录一些吧! 为那些还在路上爬行的行者,剖析一些基本的实现..... 内容写的过于简单,没有涉及到其 ...