js实现复制功能
JS 点击复制Copy
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实现但击自动选中文本
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>自动选择文本框/编辑框中的文字</title>
<script type="text/javascript">
function Myselect_txt(){
if (document.form1.title.focus){
document.form1.title.select();}
}
function Myselect_txtarea(){
if (document.form1.content.focus){
document.form1.content.select();}
}
</script>
</head>
<body style="font-size:12px">
<table width="443" height="97" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f9f9f9">
<form name="form1">
<tr bgcolor="#214994">
<td height="25" colspan="2"><div align="center"><font color="#FFFFFF">新闻信息修改</font></div></td>
</tr>
<tr>
<td width="80" height="28"><div align="right"><font color="#214994">新闻标题：</font></div></td>
<td width="363"><input name="title" type="text" size="50" value="今日新闻头条" onClick="Myselect_txt()"></td>
</tr>
<tr>
<td height="20"><div align="right"><font color="#214994">新闻内容：</font></div></td>
<td rowspan="2"><textarea name="content" cols="50" rows="6" onClick="Myselect_txtarea()">今日,据相关方面报道,...</textarea></td>
</tr>
<tr>
<td height="10"> </td>
</tr>
<tr>
<td height="32" colspan="2">
<div align="center">
<input name="add" type="submit" id="add" value="添加">
<input name="Submit" type="reset" value="重置">
</div></td>
</tr>
</form>
</table>
</body>
</html>
js实现复制功能的更多相关文章
- js实现复制功能，将需要复制的内容放入剪切板上
方法一:使用ZeroClipboard.js插件 <html> <head> <meta charset="UTF-8"> </head& ...
- clipboard.js实现复制功能
项目地址:https://github.com/zenorocha/clipboard.js 现代化的“复制到剪切板”插件.不包含 Flash.gzip 压缩后仅 3kb. 为什么使用它 复制文字到剪 ...
- js中复制功能总结
目前copy主流有四种方式:ZeroClipboard,Clipboard.js,execCommand,setData,clipboardData 概况: ZeroClipboard 就是常说的Fl ...
- js实现复制功能兼容ios
html: <div id="copyBT">这是要复制的1内容</div> <a id="contentas">这是复制按 ...
- js 实现复制功能的四种方式的优劣对比
今日网上浏览别人项目,看到有人用了document.execCommand这个属性,于是想起之前我选用Clipboard.js 来实现.对于这种不常用的属性还是不太放心,于是随手查了下关于复制的资料, ...
- js 实现复制功能
//复制注册地址 function copyTuiJianAddress() { try { var name = document.getElementById("share") ...
- 使用原生 JS 复制文本兼容移动端 iOS & android
注意事项 使用 JS 实现复制功能并不是很难,但是有几个需要注意的地方. 首先文本只有选中才可以复制,所以简单的做法就是创建一个隐藏的 input,然后绑定需要复制的文本. 另外如果将 input 设 ...
- javascript 点击触发复制功能
摘要: js调用复制功能使用: document.execCommand("copy", false); document.execCommand()方法功能很强大,了解更多请戳: ...
- 用js实现复制内容到操作系统粘贴板(兼容IE、谷歌、火狐等浏览器)
一.如果只考虑IE浏览器,可以直接用原声js实现 if(window.clipboardData){ //清空操作系统粘贴板 window.clipboardData.clearData(); //将 ...
随机推荐
- JavaScript If...Else、Switch、For、While、Break、Continue语句
一,JavaScript If...Else 语句 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作.您可以在代码中使用条件语句来完成该任务. 在 JavaScript 中,我们可使用 ...
- AX2012 R3 Data upgrade checklist sync database step, failed to create a session;
最近在做AX2012 R3 CU9 到CU11的upgrade时 (用的Admin帐号), 在Date upgrade 的 synchronize database 这步 跑了一半,报出错误 说“fa ...
- 对抗静态分析——so文件的加密
[预备起~~~]最近在忙找工作的事情,笔试~面试~笔试~面试...很久没有写(pian)文(gao)章(fei).忙了一阵子之后,终于~~~到了选offer的阶段(你家公司不是牛吗,老子不接你家off ...
- Upgrading or Redeploying SharePoint 2010 Workflows
While creating several State Machine SharePoint 2010 workflows using visual studio for a client I ha ...
- Unable to execute dex: Multiple dex files define Lcom/kenai/jbosh/AbstractAttr
出现该问题应该是导入项目的android版本问题. 编译的时候把build path 下 source选项卡中的libs去掉就正常了. http://blog.csdn.net/e421083 ...
- 字符串匹配--Karp-Rabin算法
主要特征 1.使用hash函数 2.预处理阶段时间复杂度O(m),常量空间 3.查找阶段时间复杂度O(mn) 4.期望运行时间:O(n+m) 本文地址:http://www.cnblogs.com/a ...
- SQL Server智能感知如何更新
经常用sql server发现一个问题,比如说我刚刚添加个表或者字段,这时候在sqlserver里面写sql语句时,没有智能提示,这个问题我以前一直不是太注意.今天好好找了下解决方法,这里做下分享. ...
- C++ STL 迭代器失效问题
之前看<C++ Primier>的时候,也解到在顺序型窗口里insert/erase会涉及到迭代器失效的问题,并没有深究.今天写程序的时候遇到了这个问题. 1 莫名其妙的Erase 最初我 ...
- bsearch
在java中为了避免 low+high溢出,可以用无符号右移:正数高位补0,负数高位补1 int mid = (low + high) >>> 1; 如果是在c++中,那么需要先转换 ...
- nim2 取石头youxi
a先把石头分堆,然后bababa的顺序取石头,只能取其中一堆中的若干颗(不能不取) 这种问题先考虑 先取者的胜态问题 (1,1)先取者必败, 所以(1,x),当x>1时可以转换为(1,1)使后取 ...