介绍
这篇文章主要介绍了Javascript实现复制功能的方法,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。
一、实现点击按钮,复制文本框中的的内容
& lt;脚本类型=拔谋?javascript"比; 函数copyUrl2 () { var Url2=. getelementbyid (“biao1"); Url2.select ();//选择对象 document.execCommand (“Copy");//执行浏览器复制命令 alert(“已复制好,可贴粘!”); } & lt;/script> & lt; textarea关口=?0”;行=?0“;id=癰iao1"祝辞用户定义的代码区域& lt;/textarea> & lt;输入类型=癰utton"> & lt; !DOCTYPE html公众“-//W3C XHTML 1.0//DTD//EN"过渡;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比; & lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比; & lt; head> & lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=gb2312"/比; & lt; title> Js复制代码& lt;/title> & lt;/head> & lt; body> & lt; p> & lt;输入类型=癰utton"name=癮nniu1"> & lt;输入类型=癰utton"name=癮nniu2"> & lt;输入> & lt;脚本语言=癹avascript"比; 函数CopyUrl(目标){ target.value=https://www.yisu.com/zixun/myimg.value; target.select (); js=myimg.createTextRange (); js.execCommand(“复制”); alert("复制成功!”); } 碱(目标函数){ + myimg target.value=" [IMG]”。值+“[/img]”; target.select (); js=target.createTextRange (); js.execCommand(“复制”); alert("复制成功!”); } 脚本>
六、复制跨度标记中的内容
& lt;脚本类型=拔谋?javascript"祝辞& lt;/script> & lt;脚本类型=拔谋?javascript"比; 函数copyText (obj) { var rng=document.body.createTextRange (); rng.moveToElementText (obj); rng.scrollIntoView (); rng.select (); rng.execCommand (“Copy"); rng.collapse(假); alert(“复制成功!“); } & lt;/script>
七、浏览器兼容,copyToClipboard(“拷贝内容“)
函数copyToClipboard (txt) { 如果(window.clipboardData) { window.clipboardData.clearData (); clipboardData.setData (“Text", txt); alert(“复制成功!“); }else if (navigator.userAgent.indexOf (“Opera") !=1) { 窗口。位置=三种; }else if (window.netscape) { 尝试{ netscape.security.PrivilegeManager.enablePrivilege (“UniversalXPConnect"); }捕捉(e) { alert(“被浏览器拒绝! \ n请在浏览器地址栏输入& # 39;about: config # 39;并回车\ n然后将& # 39;signed.applets.codebase_principal_support& # 39;设置为& # 39;真正的# 39;“); } var剪辑=Components.classes [& # 39; @mozilla.org/widget/clipboard; 1 & # 39;] .createInstance (Components.interfaces.nsIClipboard); 如果(!夹) 返回; var trans=Components.classes [& # 39; @mozilla.org/widget/transferable; 1 & # 39;] .createInstance (Components.interfaces.nsITransferable); 如果(反式) 返回; trans.addDataFlavor (“text/unicode"); var str=新对象(); var len=新对象(); var str=Components.classes (“@mozilla.org/supports-string; 1“) .createInstance (Components.interfaces.nsISupportsString); var copytext=三种; str.data=https://www.yisu.com/zixun/copytext; 反式。setTransferData(“文本/unicode”, str, copytext。长度* 2); var clipid=Components.interfaces.nsIClipboard; 如果(!夹) 返回错误; 夹。setData(反式,null, clipid.kGlobalClipboard); alert("复制成功!”); } }
八,兼容各大浏览器的复制代码(结合ZeroClipboard。js)
& lt; html> & lt; head> & lt; title>零剪贴板Test & lt;脚本类型=拔谋?javascript"src=https://www.yisu.com/zixun/" ZeroClipboard.js "> 脚本> <脚本语言=" JavaScript "> var剪辑=零; 函数(id){美元返回. getelementbyid (id);} init()函数{ 剪辑=new ZeroClipboard.Client (); clip.setHandCursor(真正的); 夹。addEventListener(鼠标悬停,函数(客户端){//更新文本>感谢你能够认真阅读完这篇文章,希望小编分享Javascript实现复制功能的方法内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!Javascript实现复制功能的方法