jQuery简单实现点击文本框复制内容到剪贴板上的方法

Posted 小混蛋&闯江湖

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery简单实现点击文本框复制内容到剪贴板上的方法相关的知识,希望对你有一定的参考价值。

//点击文本框复制其内容到剪贴板上方法
function copyToClipboard(txt) {
  if (window.clipboardData) {
    window.clipboardData.clearData();
    window.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("已经成功复制到剪帖板上!");
  }
}
//点击文本框复制其内容到剪贴板上
function setCopyLink() {
  $("#txt_CopyLink").val(document.URL)
  .focus(function () {
    $(this).css({ "background-color": "#ddd" }).select();
    copyToClipboard($("#txt_CopyLink").val());
  }).blur(function () {
    $(this).css({ "background-color": "#fff" });
  });
}

以上是关于jQuery简单实现点击文本框复制内容到剪贴板上的方法的主要内容,如果未能解决你的问题,请参考以下文章

jquery 一个按钮点击,复制文本内容

JQuery实现内容复制到剪贴板

clipboard.js-复制文本到粘贴板

js 如何实现将div内的内容放到剪切板?

JS实现各种复制到剪贴板

如何使用 jquery 将文本复制到剪贴板? [复制]