JS 点击复制Copy (share)
分享自:http://www.cnblogs.com/athens/archive/2013/01/16/2862981.html
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 (share)的更多相关文章
- JS 点击复制Copy
1.实现点击按钮,复制文本框中的的内容 1 <script type="text/javascript"> 2 function copyUrl2() 3 { 4 va ...
- JS 点击复制Copy插件--Zero Clipboard
写博客就是一周工作中遇到哪些问题,一个优点就是能够进行一个总结,另外一个优点就是下次遇到相同的问题即使那你记不住,也能够翻看你的博客攻克了.相同也能够帮到别人遇到与你一样问题的人.或者别人有比你更好的 ...
- JS 点击复制按钮 将文字复制到手机剪贴板
我们在制作移动端网页的时候,经常会遇到这样一个问题,如何点击一个"复制"按钮,把一串文字复制到手机剪贴板,如上图所示. 看了网上的一些方法后,感觉那些方法都太复杂,有点要用插件,有 ...
- JS点击复制
<!DOCTYPE html><html><head> <script type="text/javascript"> functi ...
- js 点击复制内容
<textarea id="pushUrlsTxt" rows="5" cols="55"></textarea> ...
- JS 点击复制
一.原理分析 浏览器提供了 copy 命令 ,可以复制选中的内容 document.execCommand("copy") 如果是输入框,可以通过 select() 方法,选中输入 ...
- js点击复制剪贴板
代码用原生写的.工作中用的angular,所以如果有用angular的话,请把js代码copyToClipboard函数中的document.getElementById(elementId).inn ...
- js 点击复制文字
复制input里面的文字 html: <input id="content" class="form-control" type="text&q ...
- js 点击复制代码 window.clipboardData.setData
var v = document.getElementById("forcopy").value; window.clipboardData.setData('text',v); ...
随机推荐
- Linq排序,获取前5条数据
_dic = _dic.OrderByDescending(x => x.Value).ToDictionary(x=>x.Key,x=>x.Value); var Num = _d ...
- 【WEB】HTTP协议
http1.0和http1.1 区别,http1.1可以发送多个http请求
- os.environ()
---------2016-5-9 18:56:39-- source:OS.ENVIRON()详解
- ie兼容问题整理
1.连续发请求问题 * jquery(document).ready(function(){}) * 连续发请求ie8出问题,被拦截问题,url后边加时间戳 * 例 url : url+ ...
- poj2778DNA Sequence(AC自动机+矩阵乘法)
链接 看此题前先看一下matrix67大神写的关于十个矩阵的题目中的一个,如下: 经典题目8 给定一个有向图,问从A点恰好走k步(允许重复经过边)到达B点的方案数mod p的值 把给定的图转为邻 ...
- 理解RxJava线程模型
RxJava作为目前一款超火的框架,它便捷的线程切换一直被人们津津乐道,本文从源码的角度,来对RxJava的线程模型做一次深入理解.(注:本文的多处代码都并非原本的RxJava的源码,而是用来说明逻辑 ...
- nginx location配置
nginx location配置 location在nginx中起着重要作用,对nginx接收到的请求字符串进行处理,如地址定向.数据缓存.应答控制.代理转发等location语法location ...
- 20161025__Oracle10g双机备份
1.主要流程,参考: 完整 Oracle10G DataGuard安装文档_百度文库.html http://wenku.baidu.com/link?url=8A7nJGSwRu-83mxEIqGE ...
- JQuery操作HTML文档
一.JQuery选择元素 1.$("p").click(function(){$(this).hide();} 点击HTML页面的任何p元素都会隐藏该p元素 2.$("# ...
- 关于如何来构造一个String类
今天帮着一位大二的学弟写了一个String的类,后来一想这个技术点,也许不是什么难点,但是还是简单的记录一些吧! 为那些还在路上爬行的行者,剖析一些基本的实现..... 内容写的过于简单,没有涉及到其 ...