1. <em id="g3zke"><tr id="g3zke"></tr></em>
    2. <dd id="g3zke"></dd>
          1. 當前位置:首頁 » 程序代碼 » 正文

            以前很多人都是用ZeroClipboard.js來實現網頁復制內容,火端也是用它。ZeroClipboard是利用flash來實現的,ZeroClipboard兼容性很好,但是由于現在越來越多的瀏覽器不支持flash,導致一些沒法正常使用了。

            今天火端開始使用clipboard.js來復制網頁文本內容了,clipboard.js不需要flash,也不依賴其它的js庫,min版僅11KB,GZIP壓縮后僅3KB,非常的小巧。

            使用起來也非常的簡單,代碼如下:

            <input id="foo" value="這里是內容">
            <button class="btn" data-clipboard-target="#foo">點擊復制</button>
            <script src="dist/clipboard.min.js"></script>
            <script>
            new Clipboard('.btn');
            <script>
            如果要添加事件,可以這樣

            <input id="foo" value="這里是內容">
            <button class="btn" data-clipboard-target="#foo">點擊復制</button>
            <script src="dist/clipboard.min.js"></script>
            <script>
            var clipboard = new Clipboard('.btn');
            clipboard.on('success', function(e) {
               alert("復制成功!");
                e.clearSelection();
            });
            
            clipboard.on('error', function(e) {
                 alert("復制失敗!");
            });
            <script>

            支持的瀏覽器如下:

            還有更多例子以及下載請看官網:https://clipboardjs.com/

            或者直接下載:https://github.com/zenorocha/clipboard.js/archive/master.zip

            本文地址:http://www.nyyv.tw/clipboardjs.html
            本文作者:火端,轉載請務必以超鏈接形式注明出處。
            本文標簽:JS,代碼
             關鍵詞: clipboard.js  ZeroClipboard  ZeroClipboard.js  
            發表評論

            昵稱 (必填)

            郵箱 (選填,可收到作者回復信息)

            網址 (選填)

            • 異星軟件空間

              好東西!馬克!!

            • 農曉
              農曉 07月11日 回復

              怎么下載clipboard.min.js

            • 火端網絡 07月11日 回復

              文中有下載地址

            • 糖糖
              糖糖 05月23日 回復

              這個下載了應該怎么導入到項目中?求解

            • 火端網絡 05月23日 回復

              文章里有說明,使用起來也非常簡單的。它的官網也有例子,可以去看看

            • 執念
              執念 2017年12月23日 回復

              請問這個js能在移動端上使用嗎?

            • 火端網絡 2017年12月24日 回復

              應該是可以的,現代瀏覽器都支持

            • 頂一個
              頂一個 2017年07月25日 回復

              老大做的東西都很精品。

            • 火端網絡 2017年07月25日 回復

              這個不是我做的~哈

            • 千尋搜索
              千尋搜索 2017年07月23日 回復

              看起來不錯,能兼容IE8就更好了

            站內搜索

            江苏快3开奖结果今天