用 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网页制作特殊效果用随机数
May 22 Javascript
jquery控制左右箭头滚动图片列表的实例
May 20 Javascript
给文字加上着重号的JS代码
Nov 12 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 Javascript
JS函数arguments数组获得实际传参数个数的实现方法
May 28 Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 Javascript
js学习总结_基于数据类型检测的四种方式(必看)
Jul 04 Javascript
Canvas放置反弹效果随机图形(实例)
Aug 17 Javascript
深入理解ES6之数据解构的用法
Jan 13 Javascript
微信小程序实现图片压缩功能
Jan 26 Javascript
图文讲解用vue-cli脚手架创建vue项目步骤
Feb 12 Javascript
通过扫小程序码实现网站登陆功能
Aug 22 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 日期加减的类,很不错
2009/10/10 PHP
php中使用Imagick实现图像直方图的实现代码
2011/08/30 PHP
php除数取整示例
2014/04/24 PHP
PHP实现的MD5结合RSA签名算法实例
2017/10/07 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
JavaScript 中的事件教程
2007/04/05 Javascript
JSON 和 JavaScript eval使用说明
2010/06/13 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
2016/10/24 Javascript
详解VueJs异步动态加载块
2017/03/09 Javascript
JavaScript数据结构之二叉树的删除算法示例
2017/04/13 Javascript
微信小程序本地缓存数据增删改查实例详解
2017/05/24 Javascript
vue2.x 父组件监听子组件事件并传回信息的方法
2017/07/17 Javascript
JS继承与闭包及JS实现继承的三种方式
2017/10/15 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
JSONP原理及应用实例详解
2018/09/13 Javascript
微信小程序使用for循环动态渲染页面操作示例
2018/12/25 Javascript
处理JavaScript值为undefined的7个小技巧
2020/07/28 Javascript
JavaScript实现单点登录的示例
2020/09/23 Javascript
[28:42]Ti4正赛VG vs NEWBEE1
2014/07/19 DOTA
python list转矩阵的实例讲解
2018/08/04 Python
Python缓存技术实现过程详解
2019/09/25 Python
Pytorch中的自动求梯度机制和Variable类实例
2020/02/29 Python
css3.0 图形构成实例练习一
2013/03/19 HTML / CSS
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
美国庭院家具购物网站:AlphaMarts
2019/04/10 全球购物
施华洛世奇中国官网:SWAROVSKI中国
2020/06/16 全球购物
大三毕业自我鉴定
2014/01/15 职场文书
护士岗位求职应聘自荐书范文
2014/02/12 职场文书
计算机求职信
2014/07/02 职场文书
违反单位工作制度检讨书
2014/10/25 职场文书
一个独生女的故事观后感
2015/06/04 职场文书
《传颂之物 虚伪的假面》BD发售宣传CM公开
2022/04/04 日漫