<div class="htmlarea"> <textarea id="runcode54963"> <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><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><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><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> </textarea><br><input onclick="runEx('runcode54963')" type="button" value="运行代码"> <input onclick="doCopy('runcode54963')" type="button" value="复制代码"> <input onclick="doSave(runcode54963)" type="button" value="保存代码">[Ctrl+A 全选 注:<a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">如需引入外部Js需刷新才能执行</a>]</div> <br>下面的内容主要是应用了textarea作为内容载体,如果是div等,直接网页标记就需要用到innerText,但firefox火狐浏览器并不支持innerText,所以又要考虑如何让firefox支持innerText,这样以来就可以完美的实现了,具体的代码可以参考脚本之家的功能代码。<br>下一篇文章我们将介绍如何让firefox支持innerText的实现代码。