首頁 web前端 js教程 點擊複製文字相容各瀏覽器的完美解決方案_javascript技巧

點擊複製文字相容各瀏覽器的完美解決方案_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('');
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 '); })();
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱門文章標籤

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

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

如何在 Windows 11 上啟用或停用 DLNA 如何在 Windows 11 上啟用或停用 DLNA Sep 28, 2023 pm 11:05 PM

如何在 Windows 11 上啟用或停用 DLNA

Windows 11 指南:如何調整 Hyper-V 的顯示分辨率 Windows 11 指南:如何調整 Hyper-V 的顯示分辨率 Sep 23, 2023 pm 08:25 PM

Windows 11 指南:如何調整 Hyper-V 的顯示分辨率

解決方法:您的組織要求您更改 PIN 碼 解決方法:您的組織要求您更改 PIN 碼 Oct 04, 2023 pm 05:45 PM

解決方法:您的組織要求您更改 PIN 碼

如何在 Windows 11 上顯示資料夾大小? 如何在 Windows 11 上顯示資料夾大小? Sep 23, 2023 pm 06:13 PM

如何在 Windows 11 上顯示資料夾大小?

Windows 11 上正確校準 Xbox One 控制器的方法 Windows 11 上正確校準 Xbox One 控制器的方法 Sep 21, 2023 pm 09:09 PM

Windows 11 上正確校準 Xbox One 控制器的方法

修復:Windows 11 上工作列縮圖預覽消失速度過快 修復:Windows 11 上工作列縮圖預覽消失速度過快 Sep 14, 2023 pm 03:33 PM

修復:Windows 11 上工作列縮圖預覽消失速度過快

修復在 Windows 10/11 中裝置停用(錯誤代碼 22)的方法 修復在 Windows 10/11 中裝置停用(錯誤代碼 22)的方法 Aug 04, 2023 pm 03:17 PM

修復在 Windows 10/11 中裝置停用(錯誤代碼 22)的方法

在 Windows 11 上徹底刪除不需要的顯示語言的方法 在 Windows 11 上徹底刪除不需要的顯示語言的方法 Sep 24, 2023 pm 04:25 PM

在 Windows 11 上徹底刪除不需要的顯示語言的方法

See all articles