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(); //将 ...
随机推荐
- ASP.NET数据绑定技术
1.DataBinder.Eval()方法 DataBinder.Eval()方法是ASP.NET框架支持的一个静态方法,用来计算Late_Bound(后期绑定)数据绑定表达式,并随时将结果转换为字符 ...
- 一些arcgis符号库干货
分享一些arcgis符号库干货,自己也可以参考网上的教程自己做,但尽量要符合标准规范. 下面是一些符号示例(并不一定是官方标准的): 土地利用总体规划图 水土保持图 1:5万土地利用现状 1:1万地形 ...
- Sharepoint 2013 列表使用JS Link
使用JS Link可以向Sharepoint List注册脚本,重写Field模板,使得对于符合条件的字段改变格式和样式.但是有一个问题是,页面postback的话,JS不会被触发,不知道怎么解,有知 ...
- Force.com微信开发系列（六）客服接口
当用户主动发消息给微信公众账号的时候(包括发送信息.点击自定义菜单click事件.订阅事件.扫描二维码事件.支付成功事件.用户维权),微信将会把消息数据推送给开发者,开发者在一段时间内(目前为48小时 ...
- Masonry第三方代码约束
#import "RootViewController.h" #import "Masonry.h" @interface RootViewController ...
- Swift语言
本文为熟悉使用Objective-C开发iOS快速转入swift开发提供一些便利的途径,没有过多华丽的说明底层原理,也没有过多的概念说明,只提供swift的基本使用以及一些使用示例.高手请让路哈. S ...
- iOS开发之网络编程--2、NSURLSessionDownloadTask文件下载
本文内容大纲: 1.回顾NSURLSessionTask 2.NSURLSessionDownloadTask大文件之block下载 3.NSURLSessionDownloadTask大文件之代理方 ...
- json数组和List转换
package hb; import java.util.Date; public class Person { String id; int age; String name; Date birth ...
- Apache Shiro 简介
使用 Apache Shiro 为 web 应用程序进行用户身份验证 Shiro 是一个 Apache Incubator 项目,旨在简化身份验证和授权.在本文中,了解 Apache Shiro 并通 ...
- python数据结构-基本数据类型