js实现各种复制到剪贴板的方法

原文章链接: https://www.cnblogs.com/guohu/p/9764869.html

转载自: itprobie-菜鸟程序员

一、实现点击按钮，复制文本框中的的内容

用户定义的代码区域

二、复制专题地址和 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）

复制