用 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 相关文章推荐
js程序中美元符号$是什么
Jun 05 Javascript
JavaScript 应用技巧集合[推荐]
Aug 30 Javascript
浅析jQuery的链式调用之each函数
Dec 03 Javascript
jquery中使用ajax获取远程页面信息
Nov 13 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
jquery获取子节点和父节点的示例代码
Sep 10 Javascript
javascript 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
使用jquery获取url以及jquery获取url参数的实现方法
May 25 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 Javascript
微信小程序实现工作时间段选择
Feb 15 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 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
Mysql中分页查询的两个解决方法比较
2013/05/02 PHP
微信支付开发订单查询实例
2016/07/12 PHP
Laravel框架自定义验证过程实例分析
2019/02/01 PHP
laravel使用Faker数据填充的实现方法
2019/04/12 PHP
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
ExtJs设置GridPanel表格文本垂直居中示例
2013/07/15 Javascript
Javascript 实现复制(Copy)动作方法大全
2014/06/20 Javascript
网站接入QQ登录的两种方法
2014/07/22 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
javascript实现input file上传图片预览效果
2015/12/31 Javascript
利用jQuery实现打字机字幕效果实例代码
2016/09/02 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
解决拦截器对ajax请求的拦截实例详解
2016/12/21 Javascript
jQuery中Datatables增加跳转到指定页功能
2017/02/08 Javascript
jQuery时间验证和转换为标准格式的时间格式
2017/03/06 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
2017/05/10 Javascript
微信小程序获取微信运动步数的实例代码
2017/07/20 Javascript
微信小程序实现页面跳转传值以及获取值的方法分析
2017/12/18 Javascript
vue-cli中的babel配置文件.babelrc实例详解
2018/02/22 Javascript
微信小程序实现自定义modal弹窗封装的方法
2018/06/15 Javascript
JS+H5 Canvas实现时钟效果
2018/07/20 Javascript
[50:50]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第一场 12.20
2020/12/23 DOTA
TensorFlow 合并/连接数组的方法
2018/07/27 Python
pytorch 获取层权重,对特定层注入hook, 提取中间层输出的方法
2019/08/17 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
Django配置文件代码说明
2019/12/04 Python
python实现飞船游戏的纵向移动
2020/04/24 Python
Python如何实现爬取B站视频
2020/05/20 Python
Python使用tkinter实现小时钟效果
2021/02/22 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
德国大型箱包和皮具商店:Koffer
2019/10/01 全球购物
Bitiba意大利:在线宠物商店
2020/10/31 全球购物
合作意向书格式及范文
2014/03/31 职场文书
学校安全管理责任书
2014/07/23 职场文书
2016教师暑期培训学习心得体会
2016/01/09 职场文书
Linux中如何安装并部署Redis
2022/04/18 Servers