用 javascript 实现的点击复制代码


Posted in Javascript onMarch 24, 2007

最常用的代码,不需要多浏览器都兼容,但代码比较简洁,也不用很多的js与flash

function copyToClipboard(txt) {  
	if(window.clipboardData){  
		window.clipboardData.clearData();  
		window.clipboardData.setData("Text", txt);
		alert('复制成功!')
	}else{
		alert('请手动复制!')	
	}  
}

如果你需要这个兼容多浏览器的js复制代码功能可以参考这篇文章:

<title>标题</title>
<input type="button" name="Submit" onClick='copyToClipBoard()' value="复制专题地址,传给QQ/MSN上的好友">
 <script language="javascript">
   function copyToClipBoard(){
    var clipBoardContent="";
    clipBoardContent+=document.title;
    clipBoardContent+="";
    clipBoardContent+=this.location.href;
    window.clipboardData.setData("Text",clipBoardContent);
    alert("复制成功,请粘贴到你的QQ/MSN上推荐给你的好友");
  }
  </script>
 
<script> 
function oCopy(obj){ 
obj.select(); 
js=obj.createTextRange(); 
js.execCommand("Copy") 

</script>
<input onclick="oCopy(this)" value="要copy的内容!">
 
<script language="javascript"> 
function CopyUrl(target){ 
target.value=myimg.value; 
target.select();  
js=myimg.createTextRange();  
js.execCommand("Copy"); 

function AddImg(target){ 
target.value="[IMG]"+myimg.value+"[/ img]";  (注:[/ img]中/后面有空格请去掉 )
target.select(); 
js=target.createTextRange();  
js.execCommand("Copy"); 

</script> 
<input name=myimg type=hidden id=myimg value="https://3water.com" /> 
<input name=imgurl type=text size=32 value="https://3water.com" /> 
<input type=button value="点击这里复制本站地址" onclick="CopyUrl(imgurl);" /> 
<P>如果你喜欢本站,就推荐给你的朋友吧!</P>
 
<script type="text/javascript"> 
function copyText(obj)  

var rng = document.body.createTextRange(); 
rng.moveToElementText(obj); 
rng.scrollIntoView(); 
rng.select(); 
rng.execCommand("Copy"); 
rng.collapse(false);} 
</script> 
以下是代码片段:

<span id="tbid">https://3water.com</span> 

[<a href="#" onclick="copyText(document.all.tbid)">点击复制</a>]<br/><br/> 

<span id="tbid2">https://3water.com</span> 

[<a href="#" onclick="copyText(document.all.tbid2)">点击复制</a>]<br/><br/>

Javascript 相关文章推荐
获取Javscript执行函数名称的方法
Dec 22 Javascript
jquery 如何动态添加、删除class样式方法介绍
Nov 07 Javascript
禁止拷贝网页内容的js代码
Jan 22 Javascript
JS实现的文字与图片定时切换效果代码
Oct 06 Javascript
jquery捕捉回车键及获取checkbox值与异步请求的方法
Dec 24 Javascript
dedecms页面如何获取会员状态的实例代码
Mar 15 Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 Javascript
Bootstrap警告(Alerts)的实现方法
Mar 22 Javascript
js中innerText/textContent和innerHTML与target和currentTarget的区别
Jan 21 Javascript
轻松解决JavaScript定时器越走越快的问题
May 13 Javascript
详解Js模块化的作用原理和方案
Apr 29 Javascript
JavaScript事件的委托(代理)的用法示例详解
Feb 18 Javascript
基于逻辑运算的简单权限系统(实现) JS 版
Mar 24 #Javascript
用js实现的仿sohu博客更换页面风格(简单版)
Mar 22 #Javascript
漂亮的提示信息(带箭头)
Mar 21 #Javascript
自动生成文章摘要的代码[JavaScript 版本]
Mar 20 #Javascript
用roll.js实现的图片自动滚动+鼠标触动的特效
Mar 18 #Javascript
表单提交时自动复制内容到剪贴板的js代码
Mar 16 #Javascript
用javascript自动显示最后更新时间
Mar 15 #Javascript
You might like
模拟SQLSERVER的两个函数:dateadd(),datediff()
2006/10/09 PHP
php学习之 数组声明
2011/06/09 PHP
php提示无法加载或mcrypt没有找到 PHP 扩展 mbstring解决办法
2012/03/27 PHP
基于PHP+Ajax实现表单验证的详解
2013/06/25 PHP
codeigniter实现get分页的方法
2015/07/10 PHP
PHP PDOStatement::columnCount讲解
2019/01/30 PHP
Position属性之relative用法
2015/12/14 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
jquery mobile界面数据刷新的实现方法
2016/05/28 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
AngularJS 依赖注入详解和简单实例
2016/07/28 Javascript
JS实现浏览上传文件的代码
2017/08/23 Javascript
Javascript实现运算符重载详解
2018/04/07 Javascript
layui结合form,table的全选、反选v1.0示例讲解
2018/08/15 Javascript
原生JS实现轮播图效果
2018/10/12 Javascript
JS实现的小火箭发射动画效果示例
2018/12/08 Javascript
[02:36]DOTA2英雄基础教程 帕格纳
2014/01/20 DOTA
[01:28]2014DOTA2国际邀请赛中国区预选赛四大豪门直升机抵达会场
2014/05/24 DOTA
python开发之文件操作用法实例
2015/11/13 Python
Saltstack快速入门简单汇总
2016/03/01 Python
python中协程实现TCP连接的实例分析
2018/10/14 Python
selenium+PhantomJS爬取豆瓣读书
2019/08/26 Python
python 利用zmail库发送邮件
2020/09/11 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
Spartoo芬兰:欧洲最大的网上鞋店
2016/08/28 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
如何进行Linux分区优化
2013/02/12 面试题
高三自我鉴定怎么写
2013/10/19 职场文书
药物学专业学生的自我评价
2013/10/27 职场文书
视光学专业毕业生推荐信
2013/10/28 职场文书
《守株待兔》教学反思
2014/03/01 职场文书
岗位聘任书范文
2014/03/29 职场文书
《鹬蚌相争》教学反思
2014/04/22 职场文书
试用期旷工辞退通知书
2015/04/17 职场文书
莫言诺贝尔获奖感言(全文)
2015/07/31 职场文书
Android开发实现极为简单的QQ登录页面
2022/04/24 Java/Android