經過JS實現將頁面中的某個元素的數據複製到剪切板上。 javascript
要用JS實現最大的問題就是瀏覽器的兼容性問題了。並且最大的問題仍是瀏覽器出於安全型的考慮,因此像chrome,Firefox等瀏覽器都不讓訪問。 java
最終的解決方案仍是經過flash實現的,在網上搜索(關鍵字:js access clipboard)了一大堆的相關資料,可是這或許是惟一的解決方案了吧!真沒想到,flash仍是最終的解決方法。當有一天flash完全被瀏覽器給拋棄了我想這又將是一大問題了。可是這個問題也不是我所須要擔憂的flash是否會被淘汰仍是一個問題呢。 git
囉嗦了一大堆。如今開始說說具體的實現了吧。 github
如今又不少的實現js插件,有原生的js實現的,也有是經過jQuery來實現的方法都擦很少吧,可是都是會用到ZeroClipboard.swf。
chrome
相關的插件用: 瀏覽器
1).ZeroClipboard github,ZeroClipboard官網,這個是javascript實現的,不須要jQuery的依賴的。 安全
2).zclip官網,這個是jQuery的一個插件要依賴jQuery。
this
具體使用,其實很簡單就是看官方文檔,可是我在單獨實現(我使用的是jQuery的zclip)時,存在一些問題,可是結合到項目中的時候就沒有問題了,我認爲的問題是,在設置path的時候可能存在問題,以下: spa
$("#copy-button").zclip({ path: "js/ZeroClipboard.swf", copy: function(){ return $(this).prev().val(); } });
本文只是爲了減小浪費各位的寶貴時間。把時間用在有意義的事情上。繼續奮鬥吧,年輕的一代。
插件