zeroclipboard復(fù)制到剪切板的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)復(fù)制功能。
//這步很重要，設(shè)定flash文件引用路徑。
ZeroClipboard.setMoviePath('http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.swf');
//創(chuàng)建ZeroClipboard對象
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
//加載事件，在mouseOver事件中將需要復(fù)制的內(nèi)容傳到flahs文件中保存
clip.addEventListener('mouseOver', function(client) {
clip.setText($('#IndInfo').val());
});
//復(fù)制成功后彈出對話框
clip.addEventListener('complete', function(client, text) {
alert("Copied text to clipboard:\n\n" + text);
});
//指定實現(xiàn)復(fù)制功能對象
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的安全機(jī)制，需要做一些設(shè)置
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html
直接在網(wǎng)頁上輸入flash文件的物理路徑就可以了。
下載地址 http://m.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)復(fù)制功能。
復(fù)制代碼 代碼如下:
//這步很重要，設(shè)定flash文件引用路徑。
ZeroClipboard.setMoviePath('http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.swf');
//創(chuàng)建ZeroClipboard對象
clip = new ZeroClipboard.Client();
clip.setHandCursor(true);
//加載事件，在mouseOver事件中將需要復(fù)制的內(nèi)容傳到flahs文件中保存
clip.addEventListener('mouseOver', function(client) {
clip.setText($('#IndInfo').val());
});
//復(fù)制成功后彈出對話框
clip.addEventListener('complete', function(client, text) {
alert("Copied text to clipboard:\n\n" + text);
});
//指定實現(xiàn)復(fù)制功能對象
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的安全機(jī)制，需要做一些設(shè)置
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html
直接在網(wǎng)頁上輸入flash文件的物理路徑就可以了。
下載地址 http://m.fzitv.net/jiaoben/28907.html
您可能感興趣的文章:
- 瀏覽器復(fù)制插件zeroclipboard使用指南
- ZeroClipboard插件實現(xiàn)多瀏覽器復(fù)制功能(支持firefox、chrome、ie6)
- 使用ZeroClipboard解決跨瀏覽器復(fù)制到剪貼板的問題
- zeroclipboard 單個復(fù)制按鈕和多個復(fù)制按鈕的實現(xiàn)方法
- js 剪切板應(yīng)用clipboardData詳細(xì)解析
- js復(fù)制到剪切板的實例方法
- js 剪切板的用法(clipboardData.setData)與js match函數(shù)介紹
- JS將制定內(nèi)容復(fù)制到剪切板示例代碼
- Js+Flash實現(xiàn)訪問剪切板操作
- JavaScript使用ZeroClipboard操作剪切板
相關(guān)文章
JavaScript的Object.defineProperty詳解
本篇文章給大家詳細(xì)講述了JavaScript的Object.defineProperty的相關(guān)知識點內(nèi)容，有興趣的朋友參考學(xué)習(xí)下。2018-07-07
通過js動態(tài)操作table(新增，刪除相關(guān)列信息)
通過js動態(tài)操作table(新增，刪除相關(guān)列信息)的實現(xiàn)代碼，需要的朋友可以參考下2012-05-05
這篇文章主要介紹了element中的$confirm的使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
這篇文章主要介紹了Bootstrap被封裝的彈層 的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要為大家詳細(xì)介紹了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ù)組的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06
nodejs最近好紅火，我也趁寒冷天氣在nodejs的火爐邊取暖一下?？s址還原實現(xiàn)代碼。2010-12-12
這篇文章主要介紹了go.js的基本使用方法,結(jié)合實例形式詳細(xì)分析了go.js基本功能、原理及vue中使用方法,需要的朋友可以參考下2023-06-06