首頁 > web前端 > js教程 > 主體

點擊複製文字相容各瀏覽器的完美解決方案_javascript技巧

WBOY
發布: 2016-05-16 17:30:00
原創
1257 人瀏覽過

點選複製文字的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('');
html.push('');
html.push('');
html.push('');
html.push('');
html.push('
' );
var yu=document.getElementById('copy').innerHTML;
document.getElementById('copy').innerHTML=yu html.join('');
Util.CACHE.CL.CLBOARD_XTTE = pStr;
}
}
Util.Copy('zhaopin@beihai365.com ');
})();
  
如果要相容ie。還得加上
複製程式碼 程式碼如下:

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

  
最後這樣能實現單擊複製文字,並且兼容各瀏覽器。記住。 swf的路徑一定要對!如果不對是不出現手型的,這是特徵。

複製程式碼 程式碼如下:
(function () {


(function () {
windowUtiltil '] = {
CACHE:{},
getText : function(){
return Util.CACHE.CLIPBOARD_TEXT;
},
successHide : function(){
}( "複製北海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('');
html.push('');
html.push('');
html.push('');
html.push('');
html.push('
');
var yu=copy.innerHTML;
copy.innerHTML=yu html.join('');
Util.CACHE.CLIPBOARD_TEXT = pStr;
}
}
}
}
} } } } } } } ) Util.Copy('zhaopin@beihai365.com '); })();
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板