兼容IE与Firefox的js 复制代码

更新时间：2009年12月01日 23:39:32 作者：

这是一段点击复制的代码，现在我的页面里不仅有1个链接需要用到这段代码。请哪位好心人指教一下应该怎么用ID对应的方式来改写这段js，使它实现一个点击复制对应1个相应内容

<script type="text/javascript"> function copyCode(id){     var testCode=document.getElementById(id).value;     if(copy2Clipboard(testCode)!=false){         alert("生成的代码已经复制到粘贴板，你可以使用Ctrl+V 贴到需要的地方去了哦！ ");     } } copy2Clipboard=function(txt){     if(window.clipboardData){         window.clipboardData.clearData();         window.clipboardData.setData("Text",txt);     }     else if(navigator.userAgent.indexOf("Opera")!=-1){         window.location=txt;     }     else if(window.netscape){         try{             netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");         }         catch(e){             alert("您的firefox安全限制限制您进行剪贴板操作，请打开'about:config'将signed.applets.codebase_principal_support'设置为true'之后重试，相对路径为firefox根目录/greprefs/all.js");             return false;         }         var clip=Components.classes['@mozilla.org/widget/clipboard;1'].createInstance(Components.interfaces.nsIClipboard);         if(!clip)return;         var trans=Components.classes['@mozilla.org/widget/transferable;1'].createInstance(Components.interfaces.nsITransferable);         if(!trans)return;         trans.addDataFlavor('text/unicode');         var str=new Object();         var len=new Object();         var str=Components.classes["@mozilla.org/supports-string;1"].createInstance(Components.interfaces.nsISupportsString);         var copytext=txt;str.data=copytext;         trans.setTransferData("text/unicode",str,copytext.length*2);         var clipid=Components.interfaces.nsIClipboard;         if(!clip)return false;         clip.setData(trans,null,clipid.kGlobalClipboard);     } } </script> <div> <a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode1');return false;">点击复制1</a>] <textarea rows=2 id="txtTestCode1" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容1</textarea> </div>  <div> <a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode2');return false;">点击复制2</a>] <textarea rows=2 id="txtTestCode2" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容2</textarea> </div>  <div> <a href="#" target="_blank"> [<a href="#" onclick="copyCode('txtTestCode3');return false;">点击复制3</a>] <textarea rows=2 id="txtTestCode3" style="width:500px;font-family: Verdana, Arial;font-size:12px;height:55px;border:1px solid #999999;">复制内容3</textarea> </div>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

下面的内容主要是应用了textarea作为内容载体，如果是div等，直接网页标记就需要用到innerText,但firefox火狐浏览器并不支持innerText,所以又要考虑如何让firefox支持innerText,这样以来就可以完美的实现了，具体的代码可以参考脚本之家的功能代码。
下一篇文章我们将介绍如何让firefox支持innerText的实现代码。

您可能感兴趣的文章:

相关文章

详解JavaScript中Promise类的使用方法
这篇文章主要为大家详细介绍了JavaScript中Promise类的使用方法，文中的示例代码简洁易懂，对我们学习JavaScript有一定的帮助，需要的可以参考一下
2023-05-05
JavaScript实现轮播图效果代码实例
这篇文章主要介绍了JavaScript实现轮播图效果代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
一文带你了解小程序中的权限设计
我们在日常生活中无论是坐公交还是点餐,都会接触各种各样的小程序,下面这篇文章主要给大家介绍了关于小程序中权限设计的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
2022-09-09
JavaScript中丢失精度的问题及避免方法
JavaScript 是一门动态类型的脚本语言,用于在浏览器中创建交互式的网页,然而,由于其使用 IEEE 754 浮点数表示数字,可能会导致丢失精度的问题,本文将探讨 JavaScript 中的丢失精度问题,以及如何避免这些问题,需要的朋友可以参考下
2023-11-11
JS实现贪吃蛇游戏
这篇文章主要介为大家详细绍了JS实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-11-11
Javascript中构造函数要注意的一些坑
JavaScript语言是一门面向对象的语言，但JS中并没有类的概念的。于是JavaScript采用构造函数的方式来模拟类的效果，即我们通过函数来创建对象。这也证明了函数在JavaScript中具有非常重要的地位。本文主要介绍了Javascript中构造函数的一些坑,需要的朋友可以参考。
2017-01-01
通过babel操作AST精准插入配置代码全流程
这篇文章主要为大家介绍了通过babel操作AST精准插入配置代码的全流程，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步
2022-02-02
JS+html5实现异步上传图片显示上传文件进度条功能示例
这篇文章主要介绍了JS+html5实现异步上传图片显示上传文件进度条功能,结合完整实例形式分析了JavaScript前端结合HTML5实现post文件上传与进度条显示相关操作技巧,需要的朋友可以参考下
2019-11-11
Web层改进II-用xmlhttp 无声息提交复杂表单
Web层改进II-用xmlhttp 无声息提交复杂表单...
2007-01-01
js实现iframe动态调整高度的代码
iframe,尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能，可是iframe的大小却不像层那样可以“伸缩自如”，所以带来了使用上的麻烦，给iframe设置高度的时候多了也不好，少了更是不行，现在，让我来告诉大家一种iframe动态调整高度的方法，主要是以下JS函数：
2008-01-01

最新评论