用 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第一天(Jquery学习笔记)
May 11 Javascript
实现局部遮罩与关闭原理及代码
Feb 04 Javascript
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
Mar 18 Javascript
instanceof和typeof运算符的区别详解
Jan 06 Javascript
超简单JS二级、多级联动的简单实例
Feb 18 Javascript
jQuery中:image选择器用法实例
Jan 03 Javascript
JavaScript常用脚本汇总(二)
Mar 04 Javascript
利用vue + koa2 + mockjs模拟数据的方法教程
Nov 22 Javascript
Vue中render方法的使用详解
Jan 26 Javascript
基于Vue实现拖拽效果
Apr 27 Javascript
解决循环中setTimeout执行顺序的问题
Jun 20 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 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下MAIL的另一解决方案
2006/10/09 PHP
[转帖]PHP世纪万年历
2006/12/06 PHP
php cookies中删除的一般赋值方法
2011/05/07 PHP
应用开发中涉及到的css和php笔记分享
2011/08/02 PHP
PHP关联链接常用代码
2012/11/05 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
学习ExtJS(一) 之基础前提
2009/10/07 Javascript
三级下拉菜单的js实现代码
2011/05/23 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
判断字符串的长度(优化版)中文占两个字符
2014/10/30 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
在Vue中使用echarts的方法
2018/02/05 Javascript
webpack热模块替换(HMR)/热更新的方法
2018/04/05 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
[03:06]2018年度CS GO最具人气解说-完美盛典
2018/12/16 DOTA
Python实现发送email的几种常用方法
2014/08/18 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
pycharm下打开、执行并调试scrapy爬虫程序的方法
2017/11/29 Python
完美解决Pycharm无法导入包的问题 Unresolved reference
2018/05/18 Python
python中partial()基础用法说明
2018/12/30 Python
django 环境变量配置过程详解
2019/08/06 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
购买大码女装:Lane Bryant
2016/09/07 全球购物
奥地利网上现代灯具和灯饰店:Lampenwelt.at
2018/01/29 全球购物
曼城官方网上商店:Manchester City
2019/09/10 全球购物
大学四年职业生涯规划书范文
2014/01/02 职场文书
小学数学课题方案
2014/06/15 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
2014入党积极分子破除“四风”思想汇报
2014/09/14 职场文书
MYSQL(电话号码,身份证)数据脱敏的实现
2021/05/28 MySQL
idea 在springboot中使用lombok插件的方法
2021/08/02 Java/Android