點擊複製文字相容各瀏覽器的完美解決方案_javascript技巧
May 16, 2016 pm 05:30 PM
相容
點選
複製文字
點選複製文字的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('' );
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) {
Util.successHide();
}
複製程式碼 程式碼如下:
(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('');
var yu=copy.innerHTML;
copy.innerHTML=yu html.join('');
Util.CACHE.CLIPBOARD_TEXT = pStr;
}
}
}
}
} } } } } } } ) Util.Copy('zhaopin@beihai365.com '); })();
(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('');
var yu=copy.innerHTML;
copy.innerHTML=yu html.join('');
Util.CACHE.CLIPBOARD_TEXT = pStr;
}
}
}
}
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章
R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前
By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前
By 尊渡假赌尊渡假赌尊渡假赌
擊敗分裂小說需要多長時間?
3 週前
By DDD
公眾號網頁更新緩存難題:如何避免版本更新後舊緩存影響用戶體驗?
3 週前
By 王林

熱門文章標籤

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)