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. 转：Spark User Defined Aggregate Function (UDAF) using Java

    Sometimes the aggregate functions provided by Spark are not adequate, so Spark has a provision of ac ...

  2. STM32驱动ht1621b显示LCD

    这几天在写ht1621b显示LCD的程序,主芯片是Stm32f10的芯片.对于stm32和ht1621b的运用和操作本人是新手,属于赶鸭子上架,通过查看datasheet等资料和网上查看前人写的程序终 ...

  3. 人工手动冷备不完全恢复介绍（purge表不完全恢复）

    不完全恢复不完全恢复的基本类型:1)基于时间点 (until time): 使整个数据库恢复到过去的一个时间点前2)基于scn (until change): 使整个数据库恢复到过去的某个SCN前3) ...

  4. js验证如何限制文本框只能输入数字

    s限制只能数字输入,并且在把输入的“非法字符”清除掉之后将焦点停留在输入非法字符的位置,参考如下:html部分:<input value="" type="text ...

  5. 来看看CBIS 2017中国（上海）大数据产业创新峰会有哪些大师出席

    CBIS 2017中国(上海)大数据产业创新峰会,围绕"数据+产业.企业+数据.技术+人才.品牌+市场.应用+发展"相继展开话题讨论. CBIS 2017中国(上海)大数据产业创新 ...

  6. select与ajax结合

    要实现的功能是,点击select输入框,数据库里面的数据会以option弹出. 这需要用到ajax异步连接数据库 下面贴出代码 先说明一下后台传递的数据是json,以map的形式传入的.后台代码很简单 ...

  7. Apache Storm简介

    Apache Storm简介 Storm是一个分布式的,可靠的,容错的数据流处理系统.Storm集群的输入流由一个被称作spout的组件管理,spout把数据传递给bolt, bolt要么把数据保存到 ...

  8. ligerUI实现分页

    在公司实习看到公司框架里使用了ligerUI的grid进行分页,个人感觉挺好用的,自己摸索着实现了一遍记录下来 简单来说,liger grid 就是提交准备好的数据到指定的目标请求数据,拿到数据以后, ...

  9. child_process小解

    js是一种单进程单线程的语言,但现行的cpu都是多核的,为了解决单进程单线程对多核使用不足的问题,child_process应运而生,理想情况下每个进程各自利用一个内核. 主要有四种方法来创建子进程, ...

  10. yii2.0面包屑的使用及启用中文

    (注:己yii2.0高级应用为例) 面包屑在布局里定义好之后,在视图中直接使即可,但默是使用英文. 一.布局中定义面包屑 backend/views/layout/main.php: use back ...