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

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

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


本範例 JavaScript 語法:
<script language=javascript>
<!--
    	function f1() {
    		var s = document.getElementById('text1').value;
    		
    		var div = document.createElement('div');
    		div.innerText = '"' + s + '" copied to clipboard.';
    		document.body.appendChild(div);
    		
    		if (window.clipboardData)
    			window.clipboardData.setData('text', s);
    		else
    			return (s);
    	}
//-->
</script>

本範例 Flash 語法:
<object id='clipboard' 
codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' 
width='16' height='16' align='middle'>
<param name='allowScriptAccess' value='always' />
<param name='allowFullScreen' value='false' />
<param name='movie' value='clipboard.swf' />
<param name='quality' value='high' />
<param name='bgcolor' value='#ffffff' />
<param name='wmode' value='transparent' />
<param name='flashvars' value='callback=f1' />
<embed src='f1.swf' flashvars='callback=f1' quality='high' bgcolor='#ffffff' width='16' height='16' 
wmode='transparent' name='clipboard' align='middle' allowscriptaccess='always' allowfullscreen='false' 
type='application/x-shockwave-flash' pluginspage='http://www.adobe.com/go/getflashplayer' />
</object>
引用本報導資料來源 rahulsingla 網址及 Cross-Browser approach to Copy content to Clipboard with javascript 範例
注意本範例必需在連線狀態下始能使用
注意以上 clipboard.swf 需要放在同一路徑下。
本篇報導所有範例,我使用的測試瀏覽器與版本可能與你不同,請參考測試瀏覽器與版本 Go
本 JavaScript 範例,適用以下瀏覽器

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