用 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中Eval函数的使用
Mar 23 Javascript
基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
Sep 28 Javascript
基于jquery的回到页面顶部按钮
Jun 27 Javascript
自己写了一个展开和收起的多更能型的js效果
Mar 05 Javascript
JS将秒换成时分秒实现代码
Sep 03 Javascript
判断复选框是否被选中的两种方法
Jun 04 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
js 获取今天以及过去日期
Apr 11 Javascript
快速将Vue项目升级到webpack3的方法步骤
Sep 14 Javascript
微信小程序中button组件的边框设置的实例详解
Sep 27 Javascript
Webpack优化配置缩小文件搜索范围
Dec 25 Javascript
vue-cli3添加模式配置多环境变量的方法
Jun 05 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/06/13 PHP
web站点获取用户IP的安全方法 HTTP_X_FORWARDED_FOR检验
2013/06/01 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
PHP实现批量修改文件名的方法示例
2019/09/18 PHP
laravel 时间格式转时间戳的例子
2019/10/11 PHP
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
node.js中的fs.readSync方法使用说明
2014/12/17 Javascript
javascript动态创建表格及添加数据实例详解
2015/05/13 Javascript
jQuery跨域问题解决方案
2015/08/03 Javascript
Vue.js学习示例分享
2017/02/05 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
深入探究node之Transform
2017/07/20 Javascript
jQuery实现表格冻结顶栏效果
2017/08/20 jQuery
nginx配置React静态页面的方法教程
2017/11/03 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
npm 常用命令详解(小结)
2019/01/17 Javascript
[01:37]全新的一集《真视界》——TI7总决赛
2017/09/21 DOTA
初学Python函数的笔记整理
2015/04/07 Python
更改Ubuntu默认python版本的两种方法python-&gt; Anaconda
2016/12/18 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
英国网上自行车商店:Tredz Bikes
2019/10/29 全球购物
北京麒麟网信息技术有限公司网络游戏测试面试题
2013/09/28 面试题
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
餐饮服务食品安全责任书
2014/07/25 职场文书
承租经营合作者协议书
2014/10/01 职场文书
公司租房协议书范本
2014/10/08 职场文书
2015年公务员工作总结
2015/04/24 职场文书
亲戚关系证明
2015/06/24 职场文书
关于运动会的广播稿
2015/08/19 职场文书
教您怎么制定西餐厅运营方案 ?
2019/07/05 职场文书
Go语言切片前或中间插入项与内置copy()函数详解
2021/04/27 Golang