用 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 动态加载脚本的4种方法
May 05 Javascript
20个非常有用的PHP类库 加速php开发
Jan 15 Javascript
javascript forEach通用循环遍历方法
Oct 11 Javascript
flash+jQuery实现可关闭及重复播放的压顶广告
Apr 15 Javascript
教你使用javascript简单写一个页面模板引擎
May 05 Javascript
javascript 判断两个日期之差的示例代码
Sep 05 Javascript
JS+CSS实现六级网站导航主菜单效果
Sep 28 Javascript
深入浅析javascript立即执行函数
Oct 23 Javascript
jQuery实现下拉框左右移动(全部移动,已选移动)
Apr 15 Javascript
jQuery实现下拉菜单的实例代码
Jun 19 jQuery
带你快速理解javascript中的事件模型
Aug 14 Javascript
如何使用vue3打造一个物料库
May 08 Vue.js
基于逻辑运算的简单权限系统(实现) 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+Html+缓存
2006/12/20 PHP
PHP实现获取并生成数据库字典的方法
2016/05/04 PHP
PHP与服务器文件系统的简单交互
2016/10/21 PHP
PHP magento后台无法登录问题解决方法
2016/11/24 PHP
yii2 上传图片的示例代码
2018/11/02 PHP
Extjs中RowExpander控件的默认展开问题示例探讨
2014/01/24 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
jQuery实现监控页面所有ajax请求的方法
2015/12/10 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
js中document.referrer实现移动端返回上一页
2017/02/22 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
Vue三层嵌套路由的示例代码
2018/05/05 Javascript
NodeJS实现一个聊天室功能
2019/11/25 NodeJs
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
es5 类与es6中class的区别小结
2020/11/09 Javascript
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
Django中使用Celery的教程详解
2018/08/24 Python
python tkinter组件摆放方式详解
2019/09/16 Python
python 中不同包 类 方法 之间的调用详解
2020/03/09 Python
pycharm下pyqt4安装及环境配置的教程
2020/04/24 Python
Python 实现 T00ls 自动签到脚本代码(邮件+钉钉通知)
2020/07/06 Python
Django模板报TemplateDoesNotExist异常(亲测可行)
2020/12/18 Python
Pycharm创建python文件自动添加日期作者等信息(步骤详解)
2021/02/03 Python
css3实现背景动态渐变效果
2019/12/10 HTML / CSS
编码实现字符串转整型的函数
2012/06/02 面试题
写给女朋友的道歉信
2014/01/08 职场文书
机关办公室岗位职责
2014/04/16 职场文书
护理学专业求职信
2014/06/29 职场文书
经典毕业生求职信
2014/07/12 职场文书
学校端午节活动总结
2015/02/11 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
员工辞职信范文大全
2015/05/12 职场文书
入党宣誓大会后的感想
2015/08/10 职场文书
中学语文教学反思
2016/02/16 职场文书