用 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 相关文章推荐
用JavaScript调用WebService的示例
Apr 07 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
jquery实现的仿天猫侧导航tab切换效果
Aug 24 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
Nov 20 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
JS二叉树的简单实现方法示例
Apr 05 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
JS实现二维数组横纵列转置的方法
Apr 17 Javascript
Seajs源码详解分析
Apr 02 Javascript
ES6 Object属性新的写法实例小结
Jun 25 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
利用原生JS实现欢乐水果机小游戏
Apr 23 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数组遍历知识汇总(包含遍历方法、数组指针操作函数、数组遍历测速)
2014/07/05 PHP
php删除左端与右端空格的方法
2014/11/29 PHP
PHP获取MySQL执行sql语句的查询时间方法
2018/08/21 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
csdn 博客的css样式 v3
2009/02/24 Javascript
制作jquery遮罩层效果导航菜单代码分享
2013/12/25 Javascript
含有CKEditor的表单如何提交
2014/01/09 Javascript
jquery1.10给新增元素绑定事件的方法
2014/03/06 Javascript
原生js事件的添加和删除的封装
2014/07/01 Javascript
Javascript的表单验证长度
2016/03/16 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
jquery ajax后台返回list,前台用jquery遍历list的实现
2016/10/30 Javascript
javascript中setAttribute兼容性用法分析
2016/12/12 Javascript
详解Vue 非父子组件通信方法(非Vuex)
2017/05/24 Javascript
AngularJS集合数据遍历显示的实例
2017/12/27 Javascript
深入分析element ScrollBar滚动组件源码
2019/01/22 Javascript
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
原生javascript自定义input[type=radio]效果示例
2019/08/27 Javascript
Python open()文件处理使用介绍
2014/11/30 Python
总结python实现父类调用两种方法的不同
2017/01/15 Python
python sklearn常用分类算法模型的调用
2019/10/16 Python
解析PyCharm Python运行权限问题
2020/01/08 Python
python pprint模块中print()和pprint()两者的区别
2020/02/10 Python
C#面试问题
2016/07/29 面试题
计算机网络专业推荐信
2013/11/24 职场文书
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
运动会跳远加油稿
2014/02/20 职场文书
《棉鞋里的阳光》教学反思
2014/04/24 职场文书
村长党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
人事局接收函
2015/01/31 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
失恋33天观后感
2015/06/11 职场文书
高中班长竞选稿
2015/11/20 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
对Golang中的FORM相关字段理解
2021/05/02 Golang