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); ...
随机推荐
- InfoSet
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...
- bzoj 4415: [Shoi2013]发牌
4415: [Shoi2013]发牌 Time Limit: 10 Sec Memory Limit: 256 MBSubmit: 173 Solved: 124[Submit][Status][ ...
- 《BI那点儿事》ETL中的关键技术
ETL(Extract/Transformation/Load)是BI/DW的核心和灵魂,按照统一的规则集成并提高数据的价值,是负责完成数据从数据源向目标数据仓库转化的过程,是实施数据仓库的重要步骤. ...
- xml资源getStringArray(R.array.xxx)方法
在res/values/下新建menu_names.xml 代码如下: <?xml version="1.0" encoding="utf-8"?> ...
- 原生cookie
出于浏览器的安全性限制,从WEB应用程序中访问用户本地文件系统是有许多限制的.但是WEB站点的开发人员可以使用cookie,将少量信息保存在用户本地硬盘的指定空间中. document对象的cooki ...
- iOS - Xcode 常用快捷键
Xcode 常用快捷键 1)文件: command + shift + n 新建项目 command + n 新建文件 command + control + n 新建空文件 command + o ...
- SQL LOADER 的用法 TXT文件导入非常之快
前提,需要本地安装ORACLE 客户端 控制文件 cms.ctl load dataCHARACTERSET UTF8infile 'oracle.txt'APPEND INTO TABLE JR f ...
- 软件测试--测试Demo
视频地址(第二课时):https://pan.baidu.com/s/1gfLVC2n 软件安装好了! 软件默认的浏览器是火狐. 如果需要IE,chrome,都在前一篇的安装包里有. 测试结果 视频里 ...
- null 和 undefined 的区别
null表示"没有对象",即该处不应该有值. (1) 作为函数的参数,表示该函数的参数不是对象. (2) 作为对象原型链的终点. undefiend 就是一个缺少值,此处应该有的值 ...
- ModalPopup
原文地址:http://ajax.asp.net/ajaxtoolkit/ModalPopup/ModalPopup.aspx ModalPopup 描述 ModalPopup 能够使页面以设计对话框 ...