Javascript实现复制功能的方法

  介绍

这篇文章主要介绍了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实现复制功能的方法