網站實用程式

第三篇
介紹幾款複製到剪貼簿的專用語法

適合程度: 初學者 一般程度 進階者 以上均宜
壹、報導前言:
身為網頁製作者,為了提供訪客方便或學習者需要,經常會在網頁上使用便捷的複製到剪貼簿套用功能。
凡需用到語法套用練習、交換連結、複製文字、複製網址、複製圖片、複製 LOGO 等都會應用到此功能。
雖然複製剪貼簿功能很實用,但由於網路安全與瀏覽器限制等問題,部份語法在某些瀏覽器就無法相容。
例如單獨的 window.clipboardData.setData JavaScript 語法,Firefox 瀏覽器就不支援此項特殊功能。
本篇幫你蒐集及整理幾款不同的複製到剪貼簿的專用語法,以及適用各種不同瀏覽器跨平台種特殊用法。
除此之外,我們也藉此推薦你認識專用於語法教學或套用練習的免費高亮顯示程式,精進你的網頁技術。
如果你是初學者,建議你學習本報導之前,最好具備基本的 HTML 觀念及 CSS、JavaScript 等網頁程式。
聲明:本報導程式或技術資料,大多取自網路分享資源,其版權與著作權均為當事者所有,特此感謝與聲明。

貳、怎樣開啟剪貼簿:
當我們複製語法或是想套用某些資料時,常會看見『此文件已複製到剪貼簿中』的彈出對話視窗中。
此時你就可以按滑鼠右鍵貼上(p)到你想貼的位置,例如:網頁上的網址列、記事本、WORD 等任何文書編輯軟體內。
如果複製之後,你沒有立刻貼上(p),也不用耽心,它在你再次執行複製前都會存在,但關閉或重開電腦時就會消失。
因為當你執行複製(標示按滑屬右鍵複製或標示Ctrl + CCtrl + V )功能時,電腦已幫你複製的文件暫存。
它就存在你 Windows 電腦內的剪貼簿內,很多人都知道記事本、WORD 的位置,但可能不知道剪貼簿(clipbrd.exe)在哪裡吧?
在本篇開始前,特別為初學者使用圖文解說,介紹幾種如何開啟剪貼簿 (clipbrd.exe) 方式,已懂者本項可以省略。

詳細圖解介紹,如何開啟剪貼簿(限付費學員) Go


參、基本用法:
最簡單常見的複製到剪貼簿用法,就是將滑鼠移到欲複製的資料上,自動全選(標示),然後按 Ctrl + C Ctrl + V 的手動方式。
此方式雖然簡單,但因為使用最基本的鍵盤來操做,所以可以全面支援任何不同的電腦、瀏覽器與版本。
本篇報導所有範例,我使用的測試瀏覽器與版本可能與你不同,請參考測試瀏覽器與版本 Go

基本用法,詳細範例介紹 Go


肆、常見語法:
在 Internet Explorer 或部份瀏覽器(如:Avant Browser),大多可以使用 JavaScript 語法來複製資料到剪貼簿。
在此我已幫你蒐集及整理幾款不同的複製到剪貼簿的專用 JavaScript 語法,但都僅限 IE 及部份瀏覽器使用。

常見語法,詳細範例介紹 Go


伍、跨瀏覽器平台語法:
由常見語法中發現,使用一般純 JavaScript 的 window.clipboardData.setData 就可以簡單實現複製資料到剪貼簿的便捷功能。
除 Ie 及 Avant Browser 外 Firefox,Chrome,Opera,Safari 都存有純 JavaScript 語法無法順利執行複制鏈接的兼容性問題。
Firefox 默認下不能直接通過 Javascript 操作剪貼簿,必需開啟相關的設置才行,最簡單的解決辦法就是使用 JavaScript + Flash。
我所提供蒐集到的跨瀏覽器平台語法,也不見的所有瀏覽器都能支援,測試或引用時請注意報導內的支援說明。

跨瀏覽器平台語法,詳細範例介紹 Go


陸、語法高亮標記:
對於想在網頁上自動呈現不同顏色區別的程式碼,語法高亮標記程式算是非常方便而且美觀的選擇。
語法高亮標記程式原本不是本篇報導項目,因為它本身也具有複製資料到剪貼簿的便捷功能,所以特別加入。
語法高亮標記程式也有許多不同選擇,我特別為大家整理一個不錯的高亮顯示程式(含複製資料到剪貼簿),與大家分享。

語法高亮標記,詳細範例介紹 Go


柒、介紹幾款剪貼簿軟體:
使用 Windows 內剪貼簿 (clipbrd.exe) 的缺點是,每次只能存放一筆資料,如有更多需求者,可考慮改用其他類似好用的剪貼軟體。
網路上這類的軟體很多,特別為你挑選幾個實用的免費軟體給你參用。

詳細介紹 Go


捌、相關實用網址:
我特別幫各位蒐集至少 20 幾個相關實用與範例網站,值得你參考看看。

詳細介紹 Go


玖、如何取得:

拾、結論與建議: