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

 1 <scrip 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         }
 

javascript复制的更多相关文章

  1. JavaScript 复制对象

    在JavaScript这门语言中,数据类型分为两大类:基本数据类型和复杂数据类型.基本数据类型包括Number.Boolean.String.Null.String.Symbol(ES6 新增),而复 ...

  2. JavaScript 复制对象【Object.assign方法无法实现深复制】

    在JavaScript这门语言中,数据类型分为两大类:基本数据类型和复杂数据类型.基本数据类型包括Number.Boolean.String.Null.String.Symbol(ES6 新增),而复 ...

  3. 用javascript复制富文本

    由于项目需求,希望能够用javascript复制富文本格式的数据,例如全选一个网页Ctrl+C, Ctrl+V到一个word文档中,数据还是原来的格式,显示出来的样子也都和原来一样.现在希望使用jav ...

  4. javascript复制内容到剪切板/网页上的复制按钮的实现

    javascript复制内容到剪切板/网页上的复制按钮的实现:DEMO如下 <!doctype html> <html> <head> <meta chars ...

  5. 如何用JavaScript复制到剪贴板

    <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8& ...

  6. JavaScript 复制内容到剪贴板

    <html> <head> <title>Selector</title> <script language="javascript&q ...

  7. javaScript复制粘贴

    1.clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能.可以在浏览器和 Node 环境中使用.支持 Chrome 42+.Firefox 4 ...

  8. JavaScript 复制变量的三种方法

    参考:Copying Objects in JavaScript - Orinami Olatunji(@orinamio_) October 23, 2017    直接将一个变量赋给另一个变量时, ...

  9. 前端 JavaScript 复制粘贴的奥义——Clipboard 对象概述

    前言 作为一名资深搬砖工,你要问我用得最熟练的技能是什么,那我敢肯定且自豪的告诉你:是 Ctrl+C !是 Ctrl+V! 不信?你来看看我键盘上的 Ctrl.C 和 V 键,那油光发亮的包浆程度,不 ...

随机推荐

  1. 神奇的魔法数字0x61c88647

    来源JDK源码,产生的数字分布很均匀 用法代码如下. # -*- coding: utf-8 -*- HASH_INCREMENT = 0x61c88647 def magic_hash(n): fo ...

  2. CentOS修改IP

    编辑 /etc/sysconfig/network-scripts/ifcfg-eth0 然后 service network restart DEVICE=eth0BOOTPROTO=noneNM_ ...

  3. elk 分布式数据同步

    zjtest7-redis:/elk/elasticsearch/data/es_cluster/nodes/0/indices/library# strings ./1/index/_3.cfs | ...

  4. hdu 5269 ZYB loves Xor I(字典树)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=5269 思路分析:当lowbit(AxorB)=2p 时,表示A与B的二进制表示的0-p-1位相等,第p ...

  5. Memcached源代码分析 - Memcached源代码分析之消息回应（3）

    文章列表: <Memcached源代码分析 - Memcached源代码分析之基于Libevent的网络模型(1)> <Memcached源代码分析 - Memcached源代码分析 ...

  6. Intellij IDEA创建Maven Web项目

    1前言 在创建项目中,IDEA提供了非常多项目模板,比方Spring MVC模板,能够直接创建一个基于Maven的Spring MVC的demo,各种配置都已经设定好了,直接编译部署就能够使用. 最開 ...

  7. 第10季asp.net基础

    什么是ASP.Net: ASP.Net是一种动态网页技术,在服务器端运行.Net代码,动态生成HTML.可以使用javascript.Dom在浏览器端完成很多工作,但是有很多工作无法在浏览器端完成,比 ...

  8. 【ActiveMQ】持久化消息队列的三种方式

    1.ActiveMQ消息持久化方式,分别是:文件.mysql数据库.oracle数据库 2.修改方式: a.文件持久化: ActiveMQ默认的消息保存方式,一般如果没有修改过其他持久化方式的话可以不 ...

  9. Axure使用

    (一)  Axure rp的界面 1-主菜单工具栏 大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示. 2-主操作界面 绘制产品原型的操作区域,所有的用到的元件都拖到该区域. 3 ...

  10. linux账户管理(centos)

    1./etc/passwd 非常详细的/etc/passwd解释 http://luzl.iteye.com/blog/564404 vi /etc/passwd,可以看到如下信息,在最后一行可以看到 ...