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

 1 <script type="text/javascript">

 2 function copyUrl2()

 3 {

 4 var Url2=document.getElementById("biao1");

 5 Url2.select(); // 选择对象

 6 document.execCommand("Copy"); // 执行浏览器复制命令

 7 alert("已复制好，可贴粘。");

 8 }

 9 </script>

10 <textarea cols="20" rows="10" id="biao1">用户定义的代码区域</textarea>

11 <input type="button" onClick="copyUrl2()" value="点击复制代码" />

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

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 2 <html xmlns="http://www.w3.org/1999/xhtml">

 3 <head>

 4 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

 5 <title>Js复制代码</title>

 6 </head>

 7 <body>

 8 <p>

 9 <input type="button" name="anniu1" onClick='copyToClipBoard()' value="复制专题地址和url地址，传给QQ/MSN上的好友">

10 <script language="javascript">

11 function copyToClipBoard(){

12 var clipBoardContent="";

13 clipBoardContent+=document.title;

14 clipBoardContent+="";

15 clipBoardContent+=this.location.href;

16 window.clipboardData.setData("Text",clipBoardContent);

17 alert("复制成功，请粘贴到你的QQ/MSN上推荐给你的好友");

18 }

19 </script>

3.直接复制 url

1 <input type="button" name="anniu2" onClick='copyUrl()' value="复制URL地址">

2 <script language="javascript">

3 function copyUrl()

4 {

5 var clipBoardContent=this.location.href;

6 window.clipboardData.setData("Text",clipBoardContent);

7 alert("复制成功!");

8 }

9 </script>

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

1 <input onclick="oCopy(this)" value="你好.要copy的内容!">

2 <script language="javascript">

3 function oCopy(obj){

4 obj.select();

5 js=obj.createTextRange();

6 js.execCommand("Copy")

7 alert("复制成功!");

8 }

9 </script>

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

 1 <script language="javascript">

 2 function CopyUrl(target){

 3 target.value=myimg.value;

 4 target.select();

 5 js=myimg.createTextRange();

 6 js.execCommand("Copy");

 7 alert("复制成功!");

 8 }

 9 function AddImg(target){

10 target.value="[IMG]"+myimg.value+"[/ img]";

11 target.select();

12 js=target.createTextRange();

13 js.execCommand("Copy");

14 alert("复制成功!");

15 }

16 </script>

6.复制 span 标记中的内容

 1 <script type="text/javascript">

 2 </script>

 3 <br />

 4 <br />

 5 <script type="text/javascript">function copyText(obj)

 6 {

 7 var rng = document.body.createTextRange();

 8 rng.moveToElementText(obj);

 9 rng.scrollIntoView();

10 rng.select();

11 rng.execCommand("Copy");

12 rng.collapse(false);

13 alert("复制成功!");

14 }

15 </script>

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

 1  function copyToClipboard(txt) {

 2             if (window.clipboardData) {

 3                 window.clipboardData.clearData();

 4                 clipboardData.setData("Text", txt);

 5                 alert("复制成功！");

 6

 7             } else if (navigator.userAgent.indexOf("Opera") != -1) {

 8                 window.location = txt;

 9             } else if (window.netscape) {

10                 try {

11                     netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");

12                 } catch (e) {

13                     alert("被浏览器拒绝！\n请在浏览器地址栏输入'about:config'并回车\n然后将 'signed.applets.codebase_principal_support'设置为'true'");

14                 }

15                 var clip = Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);

16                 if (!clip)

17                     return;

18                 var trans = Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);

19                 if (!trans)

20                     return;

21                 trans.addDataFlavor("text/unicode");

22                 var str = new Object();

23                 var len = new Object();

24                 var str = Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);

25                 var copytext = txt;

26                 str.data = copytext;

27                 trans.setTransferData("text/unicode", str, copytext.length * 2);

28                 var clipid = Components.interfaces.nsIClipboard;

29                 if (!clip)

30                     return false;

31                 clip.setData(trans, null, clipid.kGlobalClipboard);

32                 alert("复制成功！");

33             }

34         }

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

  1. JS 点击复制Copy (share)

    分享自:http://www.cnblogs.com/athens/archive/2013/01/16/2862981.html 1.实现点击按钮,复制文本框中的的内容 1 <script t ...

  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. owa_outlook暴力破解脚本

    其实msf里面存在这样的模块,search owa 即可,字典这种东西还是找规律密码去破解比较好 然后担心遇到渗透测试没有msf情况下,还是得自己写个脚本,网上找了一下lijiejie,但是运行不了, ...

  2. 开通域名绑定DDNS

    一.初衷 我想要有一个自己的域名,然后有自己的server,在server上搭一个网站或者开通一个ftp服务,我想通过这个域名来访问它. 二.什么是DDNS DDNS 动态dns,电信宽带采用拨号联网 ...

  3. python3.5 修改 IIS WEB.CONFIG的相关方法

    #!/usr/bin/env python3.5 # -*- coding:utf8 -*- from xml.etree.ElementTree import ElementTree,Element ...

  4. Ubuntu14.04安装PHP5

    因为任务需要在Ubuntu14.04的server版本下安装PHP5,所以总结一下   使用root进行安装  要么在前面加上sudo进行安装. apt-get install php5-cgi ap ...

  5. angular-file-upload+springMVC的使用

    最近项目中需要用到文件上传,使用了angular-file-upload插件完成 首先来介绍下这个插件的一些属性(参考官方文档) FileUploader 属性 url {String}: 上传文件的 ...

  6. 图片添加border 不占用图片的大小

    因为设计稿中的分割线大多分为两种情况:1.在图片右侧:2.在图片右侧+下方. 那么使用伪类before和after以及绝对定位很容易在不改变原布局的情况使图片按照设计稿输出和保留分割线. 例div.i ...

  7. Android之HandlerThread

    HandlerThread详解 1 HandlerThread基本原理 HandlerThread继承自Thread,它是一种可以使用Handler的Thread.它的实现很简单,就是在run方法中通 ...

  8. js onblur 和 onkeyup 事件用法

    1. onblur 表示失去焦点时触发 2. onkeyup 表示键盘每输完一个字符之后触发,就是键盘上的按键被放开时. 例子如下: <!DOCTYPE HTML PUBLIC "-/ ...

  9. SpringMVC一路总结（一）(转)

    itRed You are never too old to set another goal or to dream a new dream. SpringMVC一路总结(一) SpringMVC听 ...

  10. iOS消息推送相关

    远程推送 iOS开发之实现App消息推送:http://blog.csdn.net/shenjie12345678/article/details/41120637 国内90%以上的iOS开发者,对A ...