分享自: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的类,后来一想这个技术点,也许不是什么难点,但是还是简单的记录一些吧! 为那些还在路上爬行的行者,剖析一些基本的实现..... 内容写的过于简单,没有涉及到其 ...