DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> zeroclipboard復制到剪切板的flash
zeroclipboard復制到剪切板的flash
編輯:關於JavaScript     
下面說實現步驟:
1- 引用文件。下載後會得到兩個核心文件ZeroClipboard.js和ZeroClipboard.swf,在項目中引用其中一個。
<script type="text/javascript" src="http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.js"></script>

2- 加載ZeroClipboard對象,並實現復制功能。
復制代碼 代碼如下:
//這步很重要,設定flash文件引用路徑。
ZeroClipboard.setMoviePath('http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.swf');
//創建ZeroClipboard對象
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
//加載事件,在mouseOver事件中將需要復制的內容傳到flahs文件中保存
clip.addEventListener('mouseOver', function(client) {
clip.setText($('#IndInfo').val());
});
//復制成功後彈出對話框
clip.addEventListener('complete', function(client, text) {
alert("Copied text to clipboard:\n\n" + text);
});
//指定實現復制功能對象
clip.glue('Copy');
//下面是用到的html對象
<%= Html.Hidden("IndInfo", ViewData["IndInfoFormat"].SafeString())%>

<input type="button" value="Copy To Clipboard" id="Copy" name="Copy" />

3- 如果是本地調試,基於flash的安全機制,需要做一些設置
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html
直接在網頁上輸入flash文件的物理路徑就可以了。

下載地址 http://www.jb51.net/jiaoben/28907.html
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved