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

前端之家收集整理的这篇文章主要介绍了jQuery简单实现点击文本框复制内容到剪贴板上的方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了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程序设计有所帮助。

原文链接:https://www.f2er.com/jquery/46953.html

猜你在找的jQuery相关文章