zeroclipboard復制到剪切板的flash
更新時間：2010年08月04日 02:57:07 作者：
雖然網(wǎng)上實現(xiàn)Ctrl + C的JS代碼已經(jīng)有很多了，但我還是向大家推薦一個比較好的插件zeroclipboard，兼容所有瀏覽器
下面說實現(xiàn)步驟：
1- 引用文件。下載后會得到兩個核心文件ZeroClipboard.js和ZeroClipboard.swf，在項目中引用其中一個。
<script type="text/javascript" src="http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.js"></script>
2- 加載ZeroClipboard對象，并實現(xiàn)復制功能。
//這步很重要，設定flash文件引用路徑。
ZeroClipboard.setMoviePath('http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.swf');
//創(chuàng)建ZeroClipboard對象
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
//加載事件，在mouseOver事件中將需要復制的內(nèi)容傳到flahs文件中保存
clip.addEventListener('mouseOver', function(client) {
clip.setText($('#IndInfo').val());
});
//復制成功后彈出對話框
clip.addEventListener('complete', function(client, text) {
alert("Copied text to clipboard:\n\n" + text);
});
//指定實現(xiàn)復制功能對象
clip.glue('Copy');
//下面是用到的html對象
<%= Html.Hidden("IndInfo", ViewData["IndInfoFormat"].SafeString())%>
<input type="button" value="Copy To Clipboard" id="Copy" name="Copy" />
3- 如果是本地調(diào)試，基于flash的安全機制，需要做一些設置
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html
直接在網(wǎng)頁上輸入flash文件的物理路徑就可以了。
下載地址 http://www.fzitv.net/jiaoben/28907.html
1- 引用文件。下載后會得到兩個核心文件ZeroClipboard.js和ZeroClipboard.swf，在項目中引用其中一個。
<script type="text/javascript" src="http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.js"></script>
2- 加載ZeroClipboard對象，并實現(xiàn)復制功能。
復制代碼 代碼如下:
//這步很重要，設定flash文件引用路徑。
ZeroClipboard.setMoviePath('http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.swf');
//創(chuàng)建ZeroClipboard對象
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
//加載事件，在mouseOver事件中將需要復制的內(nèi)容傳到flahs文件中保存
clip.addEventListener('mouseOver', function(client) {
clip.setText($('#IndInfo').val());
});
//復制成功后彈出對話框
clip.addEventListener('complete', function(client, text) {
alert("Copied text to clipboard:\n\n" + text);
});
//指定實現(xiàn)復制功能對象
clip.glue('Copy');
//下面是用到的html對象
<%= Html.Hidden("IndInfo", ViewData["IndInfoFormat"].SafeString())%>
<input type="button" value="Copy To Clipboard" id="Copy" name="Copy" />
3- 如果是本地調(diào)試，基于flash的安全機制，需要做一些設置
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html
直接在網(wǎng)頁上輸入flash文件的物理路徑就可以了。
下載地址 http://www.fzitv.net/jiaoben/28907.html
您可能感興趣的文章:
- 瀏覽器復制插件zeroclipboard使用指南
- ZeroClipboard插件實現(xiàn)多瀏覽器復制功能(支持firefox、chrome、ie6)
- 使用ZeroClipboard解決跨瀏覽器復制到剪貼板的問題
- zeroclipboard 單個復制按鈕和多個復制按鈕的實現(xiàn)方法
- js 剪切板應用clipboardData詳細解析
- js復制到剪切板的實例方法
- js 剪切板的用法(clipboardData.setData)與js match函數(shù)介紹
- JS將制定內(nèi)容復制到剪切板示例代碼
- Js+Flash實現(xiàn)訪問剪切板操作
- JavaScript使用ZeroClipboard操作剪切板
相關文章
JavaScript的Object.defineProperty詳解
本篇文章給大家詳細講述了JavaScript的Object.defineProperty的相關知識點內(nèi)容，有興趣的朋友參考學習下。2018-07-07
通過js動態(tài)操作table(新增，刪除相關列信息)
通過js動態(tài)操作table(新增，刪除相關列信息)的實現(xiàn)代碼，需要的朋友可以參考下2012-05-05
這篇文章主要介紹了element中的$confirm的使用，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-04-04
這篇文章主要介紹了Bootstrap被封裝的彈層 的相關資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細介紹了js異步上傳多張圖片插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-10-10
這篇文章主要介紹了javascript彈出層輸入框(示例代碼)。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
基于javascript html5實現(xiàn)3D翻書特效
這篇文章主要介紹了基于javascript html5實現(xiàn)翻書特效的實現(xiàn)方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了JavaScript獲取兩個數(shù)組交集的方法,涉及javascript針對數(shù)組的相關操作技巧,需要的朋友可以參考下2015-06-06
nodejs最近好紅火，我也趁寒冷天氣在nodejs的火爐邊取暖一下。縮址還原實現(xiàn)代碼。2010-12-12
這篇文章主要介紹了go.js的基本使用方法,結(jié)合實例形式詳細分析了go.js基本功能、原理及vue中使用方法,需要的朋友可以參考下2023-06-06