在我們日常開發工作中，我們會經常用到貼上複製這個功能，很多時候我們專案中也會出現讓你實現複製到剪貼簿的功能，下面我們就給大家介紹下JavaScript實現複製到剪貼簿的方法總結！
一、實作點擊按鈕，複製文字方塊中的內容
二、複製專題位址和url 位址，傳給QQ/MSN 上的好友
Js复制代码
三、直接複製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("复制成功！");
}
}c、相容各大瀏覽器的複製程式碼（結合ZeroClipboard.js）
#Zero Clipboard Test 登入後複製
總結：
本文詳細介紹了JavaScript實作複製到剪貼簿的方法總結，每個方法都有不同點，小夥伴可以根據自己的需求來選擇適合自己的方法，希望對你有幫助！
相關推薦：
#javascript - html5行動開發，複製到剪貼簿怎麼實作？
#以上是JavaScript實作複製到剪貼簿的方法總結的詳細內容。更多資訊請關注PHP中文網其他相關文章！
