JavaScript 實(shí)現(xiàn)完美兼容多瀏覽器的復(fù)制功能代碼

更新時(shí)間：2015年04月28日 11:05:30 投稿：hebedich

這兩天在做Web前端時(shí)，遇到需求通過js實(shí)現(xiàn)文本復(fù)制的功能。經(jīng)過一番測(cè)試，終于實(shí)現(xiàn)了出來，有需要的小伙伴可以參考下。

分享一段利用 JavaScript 實(shí)現(xiàn)復(fù)制功能的代碼，兼容多瀏覽器,兼容IE和火狐瀏覽器。

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>JavaScript 復(fù)制功能代碼，兼容多瀏覽器</title> 
</head> 
<script language="javascript"> 
copyValue=function(strValue){ 
  if(isIE()){ 
    clipboardData.setData("Text",strValue); 
    alert("您已成功復(fù)制了此地址"); 
  }else{ 
    copy(strValue); 
    alert("內(nèi)容已被復(fù)制！"); 
  } 
} 
function isIE(number){ 
  if(typeof(number)!=number){ 
    return!!document.all; 
  } 
} 
function copy(text2copy){ 
  var flashcopier = 'flashcopier'; 
  if(!document.getElementById(flashcopier)){ 
    var divholder = document.createElement('div'); 
    divholder.id = flashcopier; 
    document.body.appendChild(divholder); 
  } 
  document.getElementById(flashcopier).innerHTML = ''; 
  var divinfo = '<embed src="http://img.jbzj.com/demoimg/200910/_clipboard.swf" FlashVars="clipboard='+text2copy+'" width="0" height="0" type="application/x-shockwave-flash"></embed>';//這里是關(guān)鍵 
  document.getElementById(flashcopier).innerHTML = divinfo; 
} 
</script> 
<div class="phoinfo"> 
貼圖地址：<input name="txtPhotoPath" value="www.daimajiayuan.com" id="txtPhotoPath" type="text" size="65" /> 
<input type="button" name="btnCopy" id="btnCopy" onClick="copyValue('www.daimajiayuan.com');" value="復(fù)制" /> 
</div> 
</body> 
</html>

以上所述就是本文給大家的分享的全部?jī)?nèi)容了，希望大家能夠喜歡。

您可能感興趣的文章:

相關(guān)文章

詳解CocosCreator華容道數(shù)字拼盤
這篇文章主要介紹了詳解CocosCreator華容道數(shù)字拼盤，對(duì)華容道感興趣的同學(xué)，看完之后，可以回去親手試一下
2021-04-04
javascript每日必學(xué)之條件分支
javascript每日必學(xué)之條件分支，本文的主要內(nèi)容就是介紹的邏輯條件分支，循環(huán)，感興趣的小伙伴們可以參考一下
2016-02-02
Javascript遞歸打印Document層次關(guān)系實(shí)例分析
這篇文章主要介紹了Javascript遞歸打印Document層次關(guān)系的方法,實(shí)例分析了javascript中Document的層次關(guān)系,需要的朋友可以參考下
2015-05-05
JS中的數(shù)組方法筆記整理
這篇文章主要介紹了JS中的數(shù)組方法筆記整理的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-07-07
解決iframe的frameborder在chrome/ff/ie下的差異
最近的項(xiàng)目中使用了動(dòng)態(tài)創(chuàng)建iframe的js方法，發(fā)現(xiàn)iframe.frameborder="0"在IE7下不管用，而chrome/ff都正常的，很是郁悶。
2010-08-08
JavaScript事件用法淺析
這篇文章主要介紹了JavaScript事件用法,較為詳細(xì)的分析了javascript事件流、事件類型及事件操作技巧,需要的朋友可以參考下
2016-10-10
js實(shí)現(xiàn)當(dāng)鼠標(biāo)移到表格上時(shí)顯示這一格全部?jī)?nèi)容的代碼
下面小編就為大家?guī)硪黄猨s實(shí)現(xiàn)當(dāng)鼠標(biāo)移到表格上時(shí)顯示這一格全部?jī)?nèi)容的代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-06-06
JS函數(shù)arguments數(shù)組獲得實(shí)際傳參數(shù)個(gè)數(shù)的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫S函數(shù)arguments數(shù)組獲得實(shí)際傳參數(shù)個(gè)數(shù)的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-05-05
JS實(shí)現(xiàn)水平遍歷和嵌套遞歸操作示例
這篇文章主要介紹了JS實(shí)現(xiàn)水平遍歷和嵌套遞歸操作,結(jié)合實(shí)例形式分析了javascript遍歷與遞歸相關(guān)操作技巧,需要的朋友可以參考下
2019-08-08
解決layui的form里的元素進(jìn)行動(dòng)態(tài)生成,驗(yàn)證失效的問題
今天小編就為大家分享一篇解決layui的form里的元素進(jìn)行動(dòng)態(tài)生成,驗(yàn)證失效的問題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
2019-09-09