用 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 Select标记中options操作方法集合
Oct 22 Javascript
javascript instanceof 内部机制探析
Oct 15 Javascript
Json字符串转换为JS对象的高效方法实例
May 01 Javascript
jquery实现pager控件示例
Apr 09 Javascript
JavaScript获得表单target属性的方法
Apr 02 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
AngularJS 教程及实例代码
Oct 23 Javascript
利用vue+elementUI实现部分引入组件的方法详解
Nov 22 Javascript
LayerClose弹窗关闭刷新方法
Aug 17 Javascript
vue首次赋值不触发watch的解决方法
Sep 11 Javascript
Vue快速实现通用表单验证的示例代码
Jan 09 Javascript
Vue.js使用axios动态获取response里的data数据操作
Sep 08 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与javascript对多项选择的处理
2006/10/09 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
Zend Framework实现多文件上传功能实例
2016/03/21 PHP
JavaScript Event学习第三章 早期的事件处理程序
2010/02/07 Javascript
编写自己的jQuery插件简单实现代码
2011/04/19 Javascript
线路分流自动智能跳转代码,自动选择最快镜像网站(js)
2011/10/31 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
使用JSLint提高JS代码质量方法分享
2013/12/16 Javascript
JavaScript原生对象之Date对象的属性和方法详解
2015/03/13 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
分享十五款 jQuery 社交网络分享插件
2015/05/16 Javascript
js变量提升深入理解
2016/09/16 Javascript
scroll事件实现监控滚动条并分页显示(zepto.js)
2016/12/18 Javascript
javascript中this用法实例详解
2017/04/06 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
JavaScript文档加载模式以及元素获取
2020/07/28 Javascript
python类:class创建、数据方法属性及访问控制详解
2016/07/25 Python
python+matplotlib实现礼盒柱状图实例代码
2018/01/16 Python
Python 使用PIL numpy 实现拼接图片的示例
2018/05/08 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
python 实现识别图片上的数字
2019/07/30 Python
Python高级特性 切片 迭代解析
2019/08/23 Python
Python3.7实现验证码登录方式代码实例
2020/02/14 Python
python适合做数据挖掘吗
2020/06/16 Python
多重CSS背景动画实现方法示例
2014/04/04 HTML / CSS
大学生农村教师实习自我鉴定
2013/09/21 职场文书
志愿者服务感言
2014/02/27 职场文书
母校寄语大全
2014/04/10 职场文书
股东出资证明书(正规版)
2014/09/24 职场文书
2014年社区工会工作总结
2014/12/18 职场文书
创业计划书之烤红薯
2019/09/26 职场文书
Python机器学习三大件之一numpy
2021/05/10 Python
Python中threading库实现线程锁与释放锁
2021/05/17 Python
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS