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. 自己动手写List集合(C#)

    平时经常使用微软的List集合,觉得理所应当,这阵子突然意识到学编程学这么久,总不能只生存在某个平台某种语言下面.我觉得要跳出这个框,而数据结构是经常用到的,所以呢,作为一个有志向的程序员应该学会它. ...

  2. Windows10 上运行Ubuntu Bash

    Windows10 上运行Ubuntu Bash 2016年4月6日,Windows 10 Insider Preview 发布的版本 14316,添加了Ubuntu Bash,在Windows上提供 ...

  3. rsync、ssh备份

    Linux系统需求 为了实现这个备份程序,需要准备一个外部驱动器.您可以将备份写到一个外部USB磁盘,但这样做效率不高.因此,我假设您将备份写到位于网络某处的服务器中.这台服务器要为带有SSH和rsy ...

  4. Dubbo原理解析-监控

    Dubbo发布代码中,自带了一个简易的监控中心实现.对于一般的小业务这个监控中心应该能够满足需求,对于那些大业务量的大公司一般都会有自己的监控中心,更加丰富的功能如常用的报警短信通知等等.这章讲解分析 ...

  5. Java编程思想重点笔记

    首先声明转自https://github.com/lanxuezaipiao/ReadingNotes 无意中发现,写的蛮好转过来学习下. 1. Java中的多态性理解(注意与C++区分) Java中 ...

  6. File,FileInputStream,FileReader,InputStreamReader,BufferedReader 的使用和区别

    1 ) File 类介绍 File 类封装了对用户机器的文件系统进行操作的功能.例如,可以用 File 类获得文件上次修改的时间移动, 或者对文件进行删除.重命名.换句话说,流类关注的是文件内容,而 ...

  7. js 获取前天、昨天、今天、明天、后天的时间

    js 获取前天.昨天.今天.明天.后天的时间 2011-05-19 21:03   <html><head><meta http-equiv="Content- ...

  8. 介绍一个python的新的web framework——karloop框架

    karloop是一款轻型的web framework,和tornado.webpy类似.mvc分层设计,眼下已经公布早期版本号了,使用方便, 下载地址例如以下:https://github.com/k ...

  9. 最新VMware Workstation 10注册码,绝对可用!

    最近公司要在solaris上测试产品,需要用到虚拟机,于是下载了最新的虚拟机VMware Workstation 10,并找到了破解码,与大家共享: VMware workstation 10破解序列 ...

  10. ASP.NET常用内置对象

    ASP.NET 常用内置对象:Response对象.Request对象.Session对象.Server对象.Application对象 1.Response对象: (1) 用于向浏览器输出信息 常用 ...