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

前端技术 2023/09/05 JavaScript

本文实例讲述了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 form操作技巧汇总》、《jQuery常用插件及用法总结》、《jQuery操作json数据技巧汇总》、《jQuery扩展技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

本文地址：https://www.stayed.cn/item/13018

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案