广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    兼容多浏览器JS复制功能代码

    2018-04-06 10:42:09 次阅读 稿源:互联网
    零七广告

    分享一段利用 JavaScript 实现复制功能的代码,兼容多浏览器,兼容IE和火狐浏览器。

    1. <html xmlns="http://www.w3.org/1999/xhtml">  
    2. <head>  
    3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    4. <title>JavaScript 复制功能代码,兼容多浏览器</title>  
    5. </head> 
    6. <script language="javascript"> 
    7. copyValue=function(strValue){ 
    8.     if(isIE()){ 
    9.         clipboardData.setData("Text",strValue); 
    10.         alert("您已成功复制了此地址"); 
    11.     }else{ 
    12.         copy(strValue); 
    13.         alert("内容已被复制!"); 
    14.     } 
    15. function isIE(number){ 
    16.     if(typeof(number)!=number){ 
    17.         return!!document.all; 
    18.     } 
    19. function copy(text2copy){ 
    20.     var flashcopier = 'flashcopier'
    21.     if(!document.getElementById(flashcopier)){ 
    22.         var divholder = document.createElement('div'); 
    23.         divholder.id = flashcopier
    24.         document.body.appendChild(divholder); 
    25.     } 
    26.     document.getElementById(flashcopier).innerHTML = ''
    27.     var divinfo = '<embed src="http://files.jb51.net/demoimg/200910/_clipboard.swf" FlashVars="clipboard='+text2copy+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';//这里是关键 
    28.     document.getElementById(flashcopier).innerHTML = divinfo
    29. </script> 
    30. <div class="phoinfo">  
    31. 贴图地址:<input name="txtPhotoPath" value="www.daimajiayuan.com" id="txtPhotoPath" type="text" size="65" />  
    32. <input type="button" name="btnCopy" id="btnCopy" onClick="copyValue('www.daimajiayuan.com');" value="复制" />  
    33. </div>  
    34. </body>  
    35. </html> 

    零七网部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与零七网进行文章共享合作。

    零七广告
    零七广告
    零七广告
    零七广告