用 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 相关文章推荐
基于Jquery的开发个代阴影的对话框效果代码
Jul 28 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
js简单网速测试方法完整实例
Dec 15 Javascript
vuex实现简易计数器
Oct 27 Javascript
微信小程序 用户数据解密详细介绍
Jan 09 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
js求数组中全部数字可拼接出的最大整数示例代码
Aug 25 Javascript
vue路由嵌套的SPA实现步骤
Nov 06 Javascript
js实现适配移动端的拖动效果
Jan 13 Javascript
javascript设计模式之迭代器模式
Jan 30 Javascript
Vue 监听元素前后变化值实例
Jul 29 Javascript
vue使用echarts画组织结构图
Feb 06 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学习之简单计算器实现代码
2011/06/09 PHP
解析php中session的实现原理以及大网站应用应注意的问题
2013/06/17 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
Extjs的FileUploadField文件上传出现了两个上传按钮
2014/04/29 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
JS禁用页面上所有控件的实现方法(附demo源码下载)
2015/12/17 Javascript
AngularJS的ng Http Request与response格式转换方法
2016/11/07 Javascript
Angular.js之作用域scope'@','=','&amp;'实例详解
2017/02/28 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
2017/04/25 Javascript
vue--vuex详解
2019/04/15 Javascript
Element 默认勾选表格 toggleRowSelection的实现
2019/09/04 Javascript
javascript实现支付宝滑块验证码效果
2020/07/24 Javascript
python模拟enum枚举类型的方法小结
2015/04/30 Python
python采集百度百科的方法
2015/06/05 Python
Python使用sorted排序的方法小结
2017/07/28 Python
python自动识别文本编码格式代码
2019/12/26 Python
Python-split()函数实例用法讲解
2020/12/18 Python
解决canvas转base64/jpeg时透明区域变成黑色背景的方法
2016/10/23 HTML / CSS
万得城电器土耳其网站:欧洲第一大电子产品零售商
2016/10/07 全球购物
EJB需直接实现它的业务接口或Home接口吗,请简述理由
2016/11/23 面试题
95%的面试官都会问到的50道Java线程题,附答案
2012/08/03 面试题
办公室文秘自我评价
2013/09/21 职场文书
留学自荐信写作方法
2014/01/27 职场文书
工作违纪检讨书
2014/02/17 职场文书
毕业评语大全
2014/05/04 职场文书
生物科学专业自荐书
2014/06/20 职场文书
法人身份证明书
2014/10/08 职场文书
2015年行政人事部工作总结
2015/05/13 职场文书
2015高中教师个人工作总结
2015/07/21 职场文书
PostgreSQL 插入INSERT、删除DELETE、更新UPDATE、事务transaction
2022/04/12 PostgreSQL
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技