用 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模拟页面加载进度条的实现代码
Dec 19 Javascript
Jquery插件easyUi实现表单验证示例
Dec 15 Javascript
果断收藏9个Javascript代码高亮脚本
Jan 06 Javascript
基于SpringMVC+Bootstrap+DataTables实现表格服务端分页、模糊查询
Oct 30 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
Bootstrap实现圆角、圆形头像和响应式图片
Dec 14 Javascript
AngularJS页面传参的5种方式
Apr 01 Javascript
一文让你彻底搞清楚javascript中的require、import与export
Sep 24 Javascript
详解Vuex中mapState的具体用法
Sep 28 Javascript
Vue实现textarea固定输入行数与添加下划线样式的思路详解
Jun 28 Javascript
JS+HTML实现自定义上传图片按钮并显示图片功能的方法分析
Feb 12 Javascript
vue video和vue-video-player实现视频铺满教程
Oct 30 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 Static关键字实用方法
2010/06/04 PHP
php学习笔记 数组的常用函数
2011/06/13 PHP
Laravel 5框架学习之Eloquent (laravel 的ORM)
2015/04/08 PHP
PHP基于DOM创建xml文档的方法示例
2017/02/08 PHP
Thinkphp开发--集成极光推送
2017/09/15 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
PHP实现图片压缩
2020/09/09 PHP
php基于Redis消息队列实现的消息推送的方法
2018/11/28 PHP
javascript当中的代码嗅探扩展原生对象和原型(prototype)
2013/01/11 Javascript
后台获取ZTREE选中节点的方法
2015/02/12 Javascript
JavaScript中this详解
2015/09/01 Javascript
详解AngularJS实现表单验证
2015/12/10 Javascript
Javascript 函数的四种调用模式
2016/11/05 Javascript
Html中 IFrame的用法及注意点
2016/12/22 Javascript
Bootstrap框架安装使用详解
2017/01/21 Javascript
巧用weui.topTips验证数据的实例
2017/04/17 Javascript
JS实现给json数组动态赋值的方法示例
2020/03/19 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
浅谈Vue.js中如何实现自定义下拉菜单指令
2019/01/06 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
微信浏览器左上角返回按钮监听的实现
2020/03/04 Javascript
javascript设计模式 ? 状态模式原理与用法实例分析
2020/04/22 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
2020/07/24 Javascript
使用Protocol Buffers的C语言拓展提速Python程序的示例
2015/04/16 Python
Python脚本实现Web漏洞扫描工具
2016/10/25 Python
利用Django内置的认证视图实现用户密码重置功能详解
2017/11/24 Python
python使用tensorflow深度学习识别验证码
2018/04/03 Python
在unittest中使用 logging 模块记录测试数据的方法
2018/11/30 Python
pip安装py_zipkin时提示的SSL问题对应
2018/12/29 Python
python flask解析json数据不完整的解决方法
2019/05/26 Python
HTML5拖拽文件上传的示例代码
2021/03/04 HTML / CSS
彪马美国官网:PUMA美国
2017/03/09 全球购物
建筑工程材料员岗位职责
2015/04/11 职场文书
Python Matplotlib绘制条形图的全过程
2021/10/24 Python
SQL语法CONSTRAINT约束操作详情
2022/01/18 MySQL
关于vue-router-link选择样式设置
2022/04/30 Vue.js