本篇文章為大家介紹一些Javascript實作複製功能的方法。有一定的參考價值,有需要的朋友可以參考一下,希望對大家有幫助。
Javascript 實作複製功能的方法
一、實作點擊按鈕,複製文字方塊中的的內容
原理:點擊按鈕的時候觸發copyUrl2函數,根據biao1 ID選中對象,然後在根據execCommand複製選中內容,所以此時選擇的內容必須是可視的,也就是說不能是隱藏的文字域。
二、複製專題地址和url 位址,傳給QQ/MSN 上的好友
三、直接複製url
四、點擊文字方塊時,複製文字方塊裡面的內容
五、複製文字方塊或隱藏網域中的內容
六、複製span 標籤中的內容
七、瀏覽器相容copyToClipboard("拷貝內容")
function copyToClipboard(txt) { if (window.clipboardData) { window.clipboardData.clearData(); clipboardData.setData("Text", txt); alert("复制成功!"); } else if (navigator.userAgent.indexOf("Opera") != -1) { window.location = txt; } 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("复制成功!"); } }
八、相容各大瀏覽器的複製程式碼(結合ZeroClipboard.js)
更多程式相關知識,請造訪:程式設計影片! !
以上是JS實作複製功能的方法(總結)的詳細內容。更多資訊請關注PHP中文網其他相關文章!