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

複製網頁研習室純文字超連結 - 跨瀏覽器平台語法範例(一)
顯示結果:網頁研習室 HTML 教學

HTML語法:

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


本範例 HTML 語法:
<div id="copy1" align="center" style="height: 30px;">
<img src="pics/copy.png" width="153" height="54">
HTML語法:<textarea id='mycode1' cols="67" rows="4" onClick="select_all('mycode1');">
<!--copy begin here-->
<a target=_blank href=http://www.webpage.idv.tw/study/>網頁研習室 HTML 教學</a>
<!--copy end here-->
</textarea>
</div>

本範例 JavaScript 語法:
<script type="text/javascript" src="copy.js"></script> 
<script language="javascript"> 
       var clip1 = new ZeroClipboard.Client();
        clip1.setText( "" );
        clip1.setHandCursor( true );
        clip1.setText( document.getElementById("mycode1").value );
        clip1.addEventListener("complete", function(client) {
        	alert("複製成功,你現在可以貼到你的部落格或網站了!");
        } );
                                 
       if (clip1.div) {
		  clip1.receiveEvent("mouseout", null);
		  clip1.reposition("copy1");
	    }else clip1.glue("copy1");

function select_all(obj){ 
var text_val=document.getElementById(obj);
text_val.focus();
text_val.select();
}
</script>
引用本報導資料來源 TaiwanOil.org 網址範例
注意本範例必需在連線狀態下始能使用
本篇報導所有範例,我使用的測試瀏覽器與版本可能與你不同,請參考測試瀏覽器與版本 Go
本 JavaScript 範例,適用以下瀏覽器

更完整說明,請按瀏覽器的檢視原始碼查看