首頁  >  文章  >  web前端  >  zeroclipboard 單一複製按鈕和多個複製按鈕的實作方法_javascript技巧

zeroclipboard 單一複製按鈕和多個複製按鈕的實作方法_javascript技巧

WBOY
WBOY原創
2016-05-16 16:44:471948瀏覽

zeroclipboard是跨瀏覽器的庫類別 它利用 Flash 進行複製,所以只要瀏覽器裝有 Flash 就可以運行,而且比 IE 的 document.execCommand("Copy") 更加靈活。

zeroclipboard下載網址:http://www.jb51.net/jiaoben/24961.html

zeroclipboard實現多瀏覽器複製到貼上板功能(單一複製按鈕和多個複製按鈕) 為了更好的使用者體驗,現在許多網站中文字方塊的內容只需要點擊複製按鈕這樣就能把內容複製到貼板了;

出於相容性的考慮,基本上都是透過zeroclipboard來實現.首先要下載zeroclipboard,解壓縮後把ZeroClipboard.js和ZeroClipboard.swf、ZeroClipboard10.swf(“為了flash10”)放到專案中,可以透過ZeroClipboard.setMoviePath( '/ZeroClipboard.swf' )方法來載入swf;
以下是整理的程式碼(也是透過網路上尋找整理的)

(單一複製按鈕):

html:

複製程式碼 程式碼如下:

複製




多個複製按鈕:

複製程式碼

複製
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn