Js Flash實作存取剪切板操作_javascript技巧

最近需要遇到了這個問題點擊按鈕複製連結的功能果斷度娘穀哥。最後找到得解決方案ZeroClipBoard一款開源得js Flash實現得剪切板操作
但是搜尋了眾多例子之後發現大多都是介紹一個頁面只有一個固定的複製操作

而我得需求是這樣
一個動態Repeater動態載入出各個位址和複製按鈕。
這個解決方案得原理是：
拿js動態載入一個透明flash.然後遮蓋到你要點擊得按鈕上面,之後在給這個flash得承載元素上綁定事件動態把要複製得值傳遞到flash中,用flash訪問剪切板.
這時候就出現這麼一個問題多個按鈕如果每個按鈕都加栽一遍flash得話會很吃內存並且動態得代碼也不是很好寫
最後要解如下:

複製程式碼 程式碼如下:

程式碼如下:

1.現在Body中放置一個隱藏得flash容器絕對定位

複製程式碼

程式碼如下:


varLocalUrlManage={


varLocalUrlManage={
ClipContainer:null,
InitClip:function(){
LocalUrlManage.Clip=newZeroClipboard.Client();
LocalUrlManage.ClipContainer=$("#ClipSwf"); true);
LocalUrlManage.Clip.setCSSEffects(true);
LocalUrlManage.Clip.addEventListener("complete",function(client,text){

Tip.RightTip("#UrlAdd",text,text){
Tip.RightTip("#UrlAdd",text,text){ });

LocalUrlManage.ClipContainer.html(LocalUrlManage.Clip.getHTML(80,25)); }} 2 .使用js在頁面載入完成得時候初始化剪切板的物件並設定滑鼠手勢和承載容器然後把flash輸出成html輸出到容器中

複製程式碼

程式碼如下:

onmouseover="LocalUrlManage.SetClipValue(this,'#copyUrlValue')">點擊複製

複製程式碼


程式碼如下://BrowserClip.IEClip($(SelectorEl).val());
varoffset=$(obj).offset();
LocalUrlManage.ClipContainer.offset({left :offset.left,top:offset.top});

LocalUrlManage.Clip.setText($(SelectorEl).val());
}.

3.在各個複製按鈕上動態綁定事件並把回應的要複製得值或控制項傳遞到function中之後設定隱藏flash容器得left,top邊距讓其漂浮在觸發該事件得按鈕上並把要複製的值通過Clip.setText('text')(插件提供得方法)傳遞給flash這樣就實現了多個按鈕複製得功能未解決問題,原本按鈕得hovercss切換效果flash遮蓋之後就不太靈活了。用jquery動態加入樣式效果也不太好。