<menuitem id="rzux4"></menuitem>

  • <tbody id="rzux4"></tbody>
        <tbody id="rzux4"><div id="rzux4"></div></tbody>

            <track id="rzux4"><div id="rzux4"></div></track>
            当前位置:首页 » 程序代码 » 正文

            以前很多人都是用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>
            如果要添加?#24405;?#21487;以这样

            <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.0jd732.fun/clipboardjs.html
            本文作者:火端,转载请务必以超链?#26377;?#24335;注明出处。
            本文标签:JS,代码
             关键词: clipboard.js  ZeroClipboard  ZeroClipboard.js  
            发表评论

            昵称 (必填)

            邮箱 (选填,可收到作者回复信息)

            网址 (选填)

            • 异星软件空间
              异星软件空间 2018年07月26日 回复

              好东西!马克!!

            • 农晓
              农晓 2018年07月11日 回复

              怎么下载clipboard.min.js

            • 火端网络 2018年07月11日 回复

              文中有下载地址

            • 糖糖
              糖糖 2018年05月23日 回复

              这个下载了应该怎么导入到项目中?求解

            • 火端网络 2018年05月23日 回复

              文章里有说明,使用起来也非常简单的。它的官网也有例子,可以去?#32431;?/p>

            • 执念
              执念 2017年12月23日 回复

              请问这个js能在移动端上使用吗?

            • 火端网络 2017年12月24日 回复

              应该是可以的,现代浏览器都支持

            • 顶一个
              顶一个 2017年07月25日 回复

              老大做的东西都很精品。

            • 火端网络 2017年07月25日 回复

              这个不是我做的~哈

            • 千寻搜索
              千寻搜索 2017年07月23日 回复

              看起来不错,能兼容IE8就更好了

            站内搜索

            秒速时时彩开豹子规律
            <menuitem id="rzux4"></menuitem>

          1. <tbody id="rzux4"></tbody>
                <tbody id="rzux4"><div id="rzux4"></div></tbody>

                    <track id="rzux4"><div id="rzux4"></div></track>
                    <menuitem id="rzux4"></menuitem>

                  1. <tbody id="rzux4"></tbody>
                        <tbody id="rzux4"><div id="rzux4"></div></tbody>

                            <track id="rzux4"><div id="rzux4"></div></track>
                            管家婆平码心水论坛 全网最准一尾中特 江苏十一选五今天的 德甲球队队标 极速快3全天实时计划 中国福彩网双色球直播 深圳风采中奖条件 新葡京赌场 精灵传说网易彩票 中国体彩网11选5河北 江苏快三号码图 北京pk10三码在线计划 江苏7位数50开奖结果 体彩福建31选7开奖杳询18326期 陕西11选5投注