兼容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的实现代码。

您可能感兴趣的文章:

相关文章

ie下$.getJSON出现问题的解决方法
ie下$.getJSON出现问题是常有的事，下面为大家介绍下具体该如何解决,需要的朋友可以参考下
2014-02-02
javascript+HTML5 Canvas绘制转盘抽奖
这篇文章主要为大家详细介绍了javascrip+HTML5 Canvas绘制转盘抽奖的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-04-04
基于Bootstrap+jQuery.validate实现表单验证
这篇文章主要为大家详细介绍了基于Bootstrap+jQuery.validate实现表单验证，感兴趣的小伙伴们可以参考一下
2016-05-05
JavaScript 对象模型执行模型
简单数值类型: 有Undefined, Null, Boolean, Number和String。注意，描述中的英文单词在这里仅指数据类型的名称，并不特指JS的全局对象N an, Boolean, Number, String等，它们在概念上的区别是比较大的。
2010-10-10
event.keyCode键码值表附只能输入特定的字符串代码
非常不错的应用，让文本框里只能输入money大家看下具体的实现代码，真是只有想到，原理很简单。
2009-05-05
uniapp小程序之配置首页搜索框功能的实现
这篇文章主要介绍了uniapp小程序之配置首页搜索框,我们介绍一下本次开发使用的是uniapp，本次分享内容的搜索框为禁止输入搜索框，点击跳转专属搜索页面，需要的朋友可以参考下
2022-09-09
js实现可键盘控制的简单抽奖程序
这篇文章主要为大家详细介绍了js实现可键盘控制的简单抽奖程序，代码简洁，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-07-07
Uniapp自定义导航栏并自适应机型的实现方法
Uniapp 是一款跨平台开发框架,可以同时开发出可以在多个平台上运行的应用,在开发过程中,我们常常需要自定义导航栏来满足 UI 设计的需求,本文将介绍如何在 Uniapp 中自定义导航栏并自适应不同机型的屏幕大小,需要的朋友可以参考下
2023-09-09
如何基于js判断浏览器版本
这篇文章主要介绍了如何基于js判断浏览器版本,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-02-02
微信小程序Page中data数据操作和函数调用方法
这篇文章主要介绍了微信小程序Page中data数据操作和函数调用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05

最新评论