單擊復制文字兼容各瀏覽器的完美解決方案

2019-11-20 22:34:01

字體：大中小

來源：轉載

供稿：網友

單擊復制文字的js。找了很久，由于之前沒有接觸過，完全不知道兼容ie及標準dom瀏覽器，不僅僅要通過js，而且需要flash的幫忙。clipboard.swf這個在網上都有下載.

ie允許訪問剪貼板。window.clipboardData可以訪問
但是標準dom。看了一些文章說的都是用flash設置隱藏。但是flash10是不支持。
但是，還有個方法是可行的，固記錄一下，以下方法支持標準dom.

復制代碼代碼如下:

 
(function () { 
window['Util'] = { 
CACHE:{}, 
getText : function(){ 
return Util.CACHE.CLIPBOARD_TEXT; 
}, 
successHide : function(){ 
alert("復制北海365網招聘郵件地址!"); 
}, 
Copy : function (pStr,hasReturn, isdo) { 
var html = []; 
html.push('<object type="application/x-shockwave-flash" data="clipboard.swf?gettext=Util.getText&success=Util.successHide" width="50" height="40" style="position:relative;top:11px;left:-50px;" id="ff_clipboard_swf">'); 
html.push('<param name="quality" value="high" />'); 
html.push('<param name="allowScriptAccess" value="sameDomain" />'); 
html.push('<param name="allowFullScreen" value="true" />'); 
html.push('<param name="wmode" value="transparent" />'); 
html.push('</object>'); 
var yu=document.getElementById('copy').innerHTML; 
document.getElementById('copy').innerHTML=yu+html.join(''); 
Util.CACHE.CLIPBOARD_TEXT = pStr; 
} 
} 
Util.Copy('zhaopin@beihai365.com '); 
})(); 

　　
如果要兼容ie。還得加上

復制代碼代碼如下:

 
if (window.clipboardData) { 
window.clipboardData.setData("Text",pStr); 
Util.successHide(); 
} 

　　
最后這樣能實現單擊復制文字，并且兼容各瀏覽器。記住。swf的路徑一定要對！如果不對是不出現手型的，這是特征。

復制代碼代碼如下:

 
(function () { 
window['Util'] = { 
CACHE:{}, 
getText : function(){ 
return Util.CACHE.CLIPBOARD_TEXT; 
}, 
successHide : function(){ 
alert("復制北海365網招聘郵件地址!"); 
}, 
Copy : function (pStr,hasReturn, isdo) { 
var copy=document.getElementById('copy'); 
if (window.clipboardData) { 
copy.onclick=function(){ 
window.clipboardData.setData("Text",pStr); 
Util.successHide(); 
} 
} else { 
var html = []; 
html.push('<object type="application/x-shockwave-flash" data="clipboard.swf?gettext=Util.getText&success=Util.successHide" width="50" height="40" style="position:relative;top:11px;left:-50px;" id="ff_clipboard_swf">'); 
html.push('<param name="quality" value="high" />'); 
html.push('<param name="allowScriptAccess" value="sameDomain" />'); 
html.push('<param name="allowFullScreen" value="true" />'); 
html.push('<param name="wmode" value="transparent" />'); 
html.push('</object>'); 
var yu=copy.innerHTML; 
copy.innerHTML=yu+html.join(''); 
Util.CACHE.CLIPBOARD_TEXT = pStr; 
} 
} 
} 
Util.Copy('zhaopin@beihai365.com '); 
})(); 