js实现复制功能(多种方法集合)
1.实现点击按钮,复制文本框中的的内容
成都创新互联主要从事网站设计制作、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务抚顺县,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
2.复制专题地址和 url 地址,传给 QQ/MSN 上的好友
Js复制代码
3.直接复制 url
4.点击文本框时,复制文本框里面的内容
5.复制文本框或者隐藏域中的内容
6.复制 span 标记中的内容
7.浏览器兼容 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("复制成功!"); } }
js实现但击自动选中文本
自动选择文本框/编辑框中的文字
当前最常用的最简洁还是这个,代码少,减少页面加载速度
function copyToClipboard(txt) { if(window.clipboardData){ window.clipboardData.clearData(); window.clipboardData.setData("Text", txt); alert('复制成功!') }else{ alert('请手动复制!') } }
到此介绍这么多了,希望大家多多关注,创新互联以前的文章。
分享名称:js实现复制功能(多种方法集合)
网站URL:http://scyingshan.cn/article/jhpcdh.html