這是模仿優酷視頻分享的js復制按鈕，兼容各種瀏覽器


view plain

?<!--復制按鈕js-->??

<script>??

function?copyToClipboard(txt)?{??

????if?(window.clipboardData)?{??

????????window.clipboardData.clearData();??

????????window.clipboardData.setData("Text",document.getElementById(txt).value);??

????}?else?if?(navigator.userAgent.indexOf("Opera")?!=?-1)?{??

????????//do?nothing????????

????}?else?if?(window.netscape)?{??

????????try?{??

????????????netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");??

????????}?catch?(e)?{??

????????????alert("被瀏覽器拒絕！\n請在瀏覽器地址欄輸入'about:config'并回車\n然后將?'signed.applets.codebase_principal_support'設置為'true'");??

????????}??

????????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);??

????}??

????alert("你已經成功復制本地址，請直接粘貼推薦給你的朋友!");??

}??

</script>??

*********************************************************************************************

使用：
view plain

<!--分享對話框-->??

???????????<div?class="share"?>??

??<div?class="sharetop"></div>??

??<div?class="sharebord">??

??<h4>??分享給站外好友</h4>??

<div?class="item"><span?class="label">??視頻地址?:?</span>?<input?type="text"?id="link1"?value="http://www.moredoo.com/10002"?/><button?οnclick="javascript:copyToClipboard('link1');">復制</button></div>??

<h4>??把視頻貼到Blog或BBS</h4>??

??

??

<div?class="item"><span?class="label">??flash地址:?</span>???

<input?type="text"?id="link2"?value="http://www.moredoo.com/10002"?/>??

<button?οnclick="javascript:copyToClipboard('link2');">復制</button></div>??

??

??

<div?class="item"><span?class="label">??html代碼?:?</span>???

<input??id="link3"?type="text"?value='<embed?src="http://www.moredoo.com/10002"???

??

??

allowFullScreen="true"?quality="high"?width="480"?height="400"?align="middle"?allowScriptAccess="always"?type="application/x-shockwave-flash"></embed>'?/>??

??

??

<button?οnclick="javascript:copyToClipboard('link3');">復制</button></div></div>??

??

??

<div?class="sharebutom">??

效果如下

效果：

總結

以上是生活随笔為你收集整理的万能的js复制按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。