ZeroClipboard 多個複製按鈕,多個複製連結 實現方式
ZeroClipboard 多個複製按鈕,多個複製連結 實現方式
下面為簡要參考程式碼
<script src="../../Js/jquery/jquery.min.1.10.2.js" type="text/javascript"></script> <script src="../../Js/layer/layer.min.js" type="text/javascript"></script> <script src="../../Js/ZeroClipboard/ZeroClipboard.js" type="text/javascript"></script> <script type="text/javascript"> var clip = null; //ZeroClipboard.Client物件 var current_id = null; //當前所在的文字元素id //指定ZeroClipboard.swf位置 ZeroClipboard.setMoviePath("../../Js/ZeroClipboard/ZeroClipboard.swf"); $(function () { clip = new ZeroClipboard.Client(); //建立ZeroClipboard.Client物件 clip.setHandCursor(true); //滑鼠移動到元素上之後顯示手型 clip.glue('textid1'); //預設第一個 //新增複製成功之後的操作 clip.addEventListener('complete', function () { //alert('複製成功,內容為:' + clip.clipText); layer.msg("複製成功:" + clip.clipText, 1, 9); }); //新增mouseover事件,當滑鼠移到該元素上面的時候,將flash div 也移到到該元素位置 $("div.clip_button").each(function () { $(this).bind('mouseover', function () { var button_id = $(this).attr('id'); //複製div的id var text_id = button_id + '_text'; //要複製的元素id move_swf(text_id, button_id); }); }); }); //移動浮動flash div到指定的地方,從而只需要使用一個flash即可在多個地方實現複製功能 function move_swf(text_id, button_id) { //重新指定flash浮動div位置,用reposition clip.reposition(button_id); clip.setText($('#' + text_id).val()); } </script>
var counts = 1; foreach (var m in Model.OrganizationAgentOpenAccountList) { var name = "textid" + counts + "_text"; var btnID = "textid" + counts; <tr style="height: 35px;"> <td> <input type='text' disabled="disabled" id='@name' value="@m.StatisticsOpenAccountName" /> @m.StatisticsOpenAccountName </td> <td align="right"> <div id='@btnID' class='clip_button' style=" border:0px solid gray; width:60px; color:Blue;"> 複製連結 </div> </td> </tr> counts++; }
由龐順龍最後編輯於:4年前
內容均為作者獨立觀點,不代表八零IT人立場,如涉及侵權,請及時告知。
相關文章
- 點選按鈕複製連結程式碼例項
- js實現複製連結JS
- MySQL叢集之 主從複製 主主複製 一主多從 多主一叢 實現方式MySql
- iOS 實現多個可變 cell 複雜介面的製作iOS
- 如何批量複製多個檔案到多個目錄中(批量複製檔案,多對多檔案高效操作的方法)
- MySQL 多源複製MySql
- JS實現點選按鈕複製當前介面的URLJS
- python多程式實現檔案海量複製Python
- 實現前端點選按鈕自動複製剪貼簿功能前端
- js 實現深複製/深複製JS
- mysql 5.7多源複製MySql
- cp 快捷命令:複製檔案到多個目錄
- MySQL併發複製系列二:多執行緒複製MySql執行緒
- 點選按鈕複製連結到我的貼上板【相容所有瀏覽器】瀏覽器
- Vue中配合clipboard.js實現點選按鈕複製內容VueJS
- linux[批量複製並重新命名]和[批量複製檔案到多個資料夾]Linux
- MySQL(二):主從複製結構、半同步複製、雙主複製結構、利用SSL實現安全的MySQL主從複製MySql
- MySQL 5.7搭建多源複製MySql
- GoldenGate多對一複製Go
- MySQL 5.7.9的多源複製MySql
- 點選按鈕自動複製剪貼簿功能
- linux VM複製多個IP配置出錯的處理Linux
- 多種情況解析深複製
- Mysql分散式部署 - 多級複製MySql分散式
- 在Linux中通過本地複製的方式建立多一個Oracle資料庫LinuxOracle資料庫
- 面試題35:複雜連結串列的複製面試題
- LINUX 如何實現多執行緒進行cp複製Linux執行緒
- python複製資料夾到一個目錄,或者按目錄層級建立複製Python
- golang拾遺:實現一個不可複製型別Golang型別
- 隨機連結串列的複製隨機
- 聊聊MySQL主從複製的幾種複製方式MySql
- Java實現檔案複製的四種方式Java
- JS實現複製大法JS
- 前端實現複製功能前端
- js實現複製功能JS
- Redis 複製實現原理Redis
- 點選按鈕複製文字框文字程式碼例項
- 一些Q複製實踐的連結