用 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 相关文章推荐
eval与window.eval的差别分析
Mar 17 Javascript
javascript校验价格合法性实例(必须输入2位小数)
May 05 Javascript
js获取日期:昨天今天和明天、后天
Jun 11 Javascript
JavaScript文档碎片操作实例分析
Dec 12 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
Mar 30 Javascript
BootStrap智能表单demo示例详解
Jun 13 Javascript
jQuery Validate插件自定义验证规则的方法
Dec 27 Javascript
微信小程序使用slider设置数据值及switch开关组件功能【附源码下载】
Dec 09 Javascript
Vue 父子组件的数据传递、修改和更新方法
Mar 01 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
Nov 27 jQuery
一文看懂如何简单实现节流函数和防抖函数
Sep 05 Javascript
vue-resourc发起异步请求的方法
Feb 11 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
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
2018/05/12 PHP
写出更好的JavaScript程序之undefined篇(中)
2009/11/23 Javascript
使用JavaScript switch case 另类写法
2010/03/14 Javascript
扩展javascript的Date方法实现代码(prototype)
2010/11/20 Javascript
jQuery 数据缓存模块进化史详细介绍
2012/11/19 Javascript
JSON为什么那样红为什么要用json(另有洞天)
2012/12/26 Javascript
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
angularjs表格ng-table使用备忘录
2016/03/09 Javascript
JavaScript解析任意形式的json树型结构展示
2017/07/23 Javascript
element-ui使用导航栏跳转路由的用法详解
2018/08/22 Javascript
每个 JavaScript 工程师都应懂的33个概念
2018/10/22 Javascript
JS实现的获取银行卡号归属地及银行卡类型操作示例
2019/01/08 Javascript
vue中的面包屑导航组件实例代码
2019/07/01 Javascript
vue.js 2.0实现简单分页效果
2019/07/29 Javascript
Python的垃圾回收机制深入分析
2014/07/16 Python
python中遍历文件的3个方法
2014/09/02 Python
Python使用matplotlib绘图无法显示中文问题的解决方法
2018/03/14 Python
Flask模拟实现CSRF攻击的方法
2018/07/24 Python
Tensorflow实现神经网络拟合线性回归
2019/07/19 Python
pandas 如何分割字符的实现方法
2019/07/29 Python
感知器基础原理及python实现过程详解
2019/09/30 Python
Python如何向SQLServer存储二进制图片
2020/06/08 Python
在HTML5中使用MathML数学公式的简单讲解
2016/02/19 HTML / CSS
Jo Malone美国官网:祖玛珑香水
2017/03/27 全球购物
保护环境倡议书100字
2014/05/19 职场文书
法人委托书
2014/07/31 职场文书
个人债务授权委托书范本
2014/10/05 职场文书
旷课检讨书
2015/01/26 职场文书
教导主任个人总结
2015/03/03 职场文书
跑出一片天观后感
2015/06/08 职场文书
《我们的民族小学》教学反思
2016/02/19 职场文书
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript
使用scrapy实现增量式爬取方式
2022/06/21 Python