用 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 相关文章推荐
学习ExtJS Column布局
Oct 08 Javascript
JavaScript 匿名函数(anonymous function)与闭包(closure)
Oct 04 Javascript
浅谈Jquery为元素绑定事件
Apr 27 Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
Bootstrap整体框架之CSS12栅格系统
Dec 15 Javascript
在vue-cli脚手架中配置一个vue-router前端路由
Jul 03 Javascript
js推箱子小游戏步骤代码解析
Jan 10 Javascript
vue2.0+vue-router构建一个简单的列表页的示例代码
Feb 13 Javascript
微信小程序返回箭头跳转到指定页面实例解析
Oct 08 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 Javascript
原生JS实现弹幕效果的简单操作指南
Nov 10 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
为了这两部电子管收音机,买了6套全新电子管和10粒刻度盘灯泡
2021/03/02 无线电
PHPExcel读取EXCEL中的图片并保存到本地的方法
2015/02/14 PHP
PHP简单实现断点续传下载的方法
2015/09/25 PHP
Yii框架通过请求组件处理get,post请求的方法分析
2019/09/03 PHP
XML的代替者----JSON
2007/07/21 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
2011/06/08 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
学习JavaScript设计模式之迭代器模式
2016/01/19 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
2016/05/30 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
vue返回上一页面时回到原先滚动的位置的方法
2018/12/20 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
vue中beforeRouteLeave实现页面回退不刷新的示例代码
2019/11/01 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
Vue组件基础用法详解
2020/02/05 Javascript
区分vue-router的hash和history模式
2020/10/03 Javascript
[53:38]OG vs LGD 2018国际邀请赛淘汰赛BO3 第三场 8.26
2018/08/30 DOTA
Python基础之函数用法实例详解
2014/09/10 Python
Python实现简单登录验证
2016/04/13 Python
OpenCV+python手势识别框架和实例讲解
2018/08/03 Python
python3安装speech语音模块的方法
2018/12/24 Python
python 定义类时,实现内部方法的互相调用
2019/12/25 Python
使用Python将Exception异常错误堆栈信息写入日志文件
2020/04/08 Python
Python3利用scapy局域网实现自动多线程arp扫描功能
2021/01/21 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
加拿大女包品牌:Matt & Nat
2017/05/12 全球购物
进程的查看和调度分别使用什么命令
2013/12/14 面试题
硕士研究生个人求职信
2013/12/04 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
机关干部作风建设剖析材料
2014/10/23 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
无线电知识基础入门篇
2022/02/18 无线电
Win11 KB5015814遇安装失败 影响开始菜单性能解决方法
2022/07/15 数码科技