用 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魔力之$(&quot;tagName&quot;)与selector
Mar 05 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
JQuery中DOM实现事件移除的方法
Jun 13 Javascript
深入探究使JavaScript动画流畅的一些方法
Jun 30 Javascript
jQuery幻灯片特效代码分享--鼠标滑过按钮时切换(2)
Nov 18 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
多种方式实现js图片预览
Dec 12 Javascript
利用JS对iframe父子(内外)页面进行操作的方法教程
Jun 15 Javascript
原生实现一个react-redux的代码示例
Jun 08 Javascript
elementUI select组件value值注意事项详解
May 29 Javascript
从零搭一个自用的前端脚手架的方法步骤
Sep 23 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
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
Breeze 文章管理系统 v1.0.0正式发布
2006/12/14 PHP
PHP实现深度优先搜索算法(DFS,Depth First Search)详解
2017/09/16 PHP
自定义Laravel (monolog)日志位置,并增加请求ID的实现
2019/10/17 PHP
js实现运行代码需要刷新的解决方法
2007/08/18 Javascript
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
javascript 内存回收机制理解
2011/01/17 Javascript
javascript去除字符串左右两端的空格
2015/02/05 Javascript
jQuery使用元素属性attr赋值详解
2015/02/27 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
js实现异步循环实现代码
2016/02/16 Javascript
jQuery简单实现仿京东分类导航层效果
2016/06/07 Javascript
JavaScript中数组的各种操作的总结(必看篇)
2017/02/13 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
jQuery实现广告条滚动效果
2017/08/22 jQuery
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
使用element-ui table expand展开行实现手风琴效果
2019/03/15 Javascript
JS实现可用滑块滑动的缓动图代码
2019/09/01 Javascript
解决vue-cli 打包后自定义动画未执行的问题
2019/11/12 Javascript
js实现抽奖功能
2020/11/24 Javascript
[01:18]一目了然!DOTA2DotA快捷操作对比第一弹
2014/07/01 DOTA
django框架如何集成celery进行开发
2017/05/24 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Python实现猜年龄游戏代码实例
2020/03/25 Python
详解python中groupby函数通俗易懂
2020/05/14 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
英国鞋网:Rubber Sole
2020/03/03 全球购物
室内设计实习自我鉴定
2013/09/25 职场文书
小学家长学校培训材料
2014/08/24 职场文书
初婚未育证明样本
2015/06/18 职场文书
党纪处分决定书
2015/06/24 职场文书
医护人员继续教育学习心得体会
2016/01/19 职场文书
党员干部学法用法心得体会
2016/01/21 职场文书
Windows Server 2019 域控制器安装图文教程
2022/04/28 Servers
mysql sql常用语句大全
2022/06/21 MySQL