分享自：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. Java 中的 static 使用之静态变量

    大家都知道,我们可以基于一个类创建多个该类的对象,每个对象都拥有自己的成员,互相独立.然而在某些时候,我们更希望该类所有的对象共享同一个成员.此时就是 static 大显身手的时候了!! Java 中 ...

  2. [翻译]MapReduce: Simplified Data Processing on Large Clusters

    MapReduce: Simplified Data Processing on Large Clusters MapReduce:面向大型集群的简化数据处理 摘要 MapReduce既是一种编程模型 ...

  3. XAF应用开发教程-内置Attribute功能列表

    在 XAF 框架,一些用来生成一个业务应用程序的信息是在Attribute中指定.您可以将属性应用到业务类 (或它的成员) 指定验证规则,指定如何对数据进行显示. 设置关系类等.本主题提供了有关在何处 ...

  4. 浅析C#深拷贝与浅拷贝

    1.深拷贝与浅拷贝   拷贝即是通常所说的复制(Copy)或克隆(Clone),对象的拷贝也就是从现有对象复制一个“一模一样”的新对象出来.虽然都是复制对象,但是不同的 复制方法,复制出来的新对象却并 ...

  5. Server asks us to fall back to SIMPLE auth, but this client is configured to only allow secure connections.

    我是在flume向hdfs 写(sink)数据时遇到的这个错误. Server (是指hdfs) asks us to fall back to SIMPLE auth, but this clien ...

  6. centos 安装 mongdb

    1.安装MongoDB(安装到/usr/local) wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-amazon-3.2.4.t ...

  7. Django1.9开发博客（11）- 富文本与代码高亮

    TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器,支持目前流行的各种浏览器,由JavaScript写成. 功能配置灵活简单(两行代码就可以将编辑器嵌入网页中),支持AJAX.另一特点是加载速度 ...

  8. angular router-ui

    将模块注入到控制器中的方法: 1.export module 2.在router中resolve解决: 2.1 resolve中直接return值 /*ngInject*/ worker : 'hi' ...

  9. WEB UI 整理

    当下对于网站前段开发人员来说,很少有人不使用一些JS框架或者WEB UI库,因此这些可以有效提高网站前段开发速度,并且能够统一开发环境,对于不同浏览器的兼容性也不需要程序员操心,有了这些优点,当然大家 ...

  10. Windows与Linux主机之间的连接和交互工具

    1.Putty 远程连接Linux主机 Windows主机上安装putty,工具打开后显示如下: 输入要连接的Linux主机的IP地址,点击Load,连接主机后输入用户名密码,即可登录Linux主机 ...