在我们日常开发工作中,我们会经常用到粘贴复制这个功能,很多时候我们项目中也会出现让你实现复制到剪贴板的功能,下面我们就给大家介绍下JavaScript实现复制到剪贴板的方法总结!
一、实现点击按钮,复制文本框中的的内容
二、复制专题地址和 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)
总结:
本文详细介绍了JavaScript实现复制到剪贴板的方法总结,每个方法都有不同点,小伙伴们可以根据自己的需求来选择适合自己的方法,希望对你有所帮助!
相关推荐:
javascript - html5移动开发,复制到剪贴板怎么实现?
以上是JavaScript实现复制到剪贴板的方法总结的详细内容。更多信息请关注PHP中文网其他相关文章!