複製資料到剪貼簿 - 跨瀏覽器平台語法(四)

複製網頁研習室純文字超連結 - 跨瀏覽器平台語法範例(四)

複製資料到剪貼簿

請將已複製的資料貼到(按 Ctrl +V)下面這個空白文字區塊框內，張貼顯示複製的內容
或按此 (限 IE 及 Avant Browser 使用) 顯示複製的內容
你也可以按此清空剪貼簿已複製的內容

本範例 CSS + JavaScript 語法：
<div id="d_clip_button" style="border:1px solid black; padding:20px; width:200px; height:15px;">複製資料到剪貼簿
<script language="JavaScript"> 
var clip = new ZeroClipboard.Client(); 
var myTextToCopy = "<a target=_blank href=http://www.webpage.idv.tw/study/>網頁研習室 HTML 教學"; 
clip.setText( myTextToCopy ); 
clip.glue( 'd_clip_button' ); 

clip.addEventListener( "complete", function(){    
alert("網頁研習室純文字超連結，已複製成功！");    
});
</script>

引用本報導資料來源 Clipboard Copy Jeffothy Keyings 網址及 Zero Clipboard Test 範例

注意：本範例必需在連線狀態下始能使用。
注意：以上 ZeroClipboard.js, ZeroClipboard.swf 需要放在同一路徑下。
本篇報導所有範例，我使用的測試瀏覽器與版本可能與你不同，請參考測試瀏覽器與版本 Go
本 JavaScript 範例，適用以下瀏覽器