一个简单例子：

<html>

  <body>

    <button id="copy-button" data-clipboard-text="Copy Me!" title="Click to copy me.">Copy to Clipboard</button>

    <script src="~/Scripts/jquery-1.7.1.js"></script>

    <script src="~/Scripts/ZeroClipboard.js"></script>

  </body>

  <script>

  var client = new ZeroClipboard( $("#copy-button") );

   client.on('ready', function (event) {

            client.on('copy', function (event) {

                event.clipboardData.setData('text/plain', event.target.innerHTML);

                alert("复制成功");

            });

            client.on('aftercopy', function (event) {

                //复制之后的操作，如果不是自动在本页面粘贴，请把此事件备注掉

                console.log('Copied text to clipboard: ' + event.data['text/plain']);

            });

        });

        client.on('error', function (event) {

            //出错的时候该干嘛

            // console.log( 'ZeroClipboard error of type "' + event.name + '": ' + event.message );

            ZeroClipboard.destroy();

        });

  </script>

</html>

　　

2.2版本需要引用jquery,要习惯把js代码写到页面底部，经测试，发现此代码不支持IE10/11,以下提供兼容IE的function，替换js部分即可

<script>

        $(function() {

            var text="取文本";

            var msg="复制成功";

            clipboard("btn_copy",text,msg);

        });

        //参数说明

        //button:按钮id

        //text:要复制的文本

        //msg:复制成功提示文本

        function clipboard(button,text,msg) {

            if (window.clipboardData) {        //for ie

                var copyBtn = document.getElementById(button);

                copyBtn.onclick = function () {

                    window.clipboardData.setData('text', text);

                    alert(msg);

                }

            } else {

                var client = new ZeroClipboard($("#" + button));

                client.on('ready', function (event) {

                    client.on('copy', function (event) {

                        event.clipboardData.setData("text/plain", text);

                        alert(msg);

                    });

                });

                client.on('error', function (event) {

                    ZeroClipboard.destroy();

                });

            }

            return false;

        }

    </script>

　　

最后，需要注意的是不要在本地调度，你会发现不会生效，因为Flash的安全限制
 
zeroclipboard源码：https://github.com/zeroclipboard/zeroclipboard
zeroclipboard官网：zeroclipboard.org

zeroclipboard浏览器复制插件使用记录的更多相关文章

  1. ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决

    之前写过一个淘宝优惠券连接PC端转手机端连接的小工具,当时写到将转换好的url复制到剪切板这块时解决了IE和火狐,就是没办法搞定Chrome,知道可以通过flash搞定,但是觉得太麻烦没有仔细研究. ...

  2. jQuery插件：跨浏览器复制jQuery-zclip

    jQuery-zclip是一个复制内容到剪贴板的jQuery插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题.jQuery-zclip插件需要Flash的支持,使用时记得安装Adobe F ...

  3. ZeroClipboard跨浏览器复制粘贴

    <!DOCTYPE html> <html> <head> <title>ZeroClipboard跨浏览器复制粘贴</title> < ...

  4. 使用ZeroClipboard解决跨浏览器复制到剪贴板的问题

    Zero Clipboard的实现原理Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flas ...

  5. zeroclipboard实现多浏览器复制到粘贴板功能

    zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了:出于兼容性的考虑,基 ...

  6. jquery判断浏览器版本插件，jquery-browser.js

    jquery判断浏览器版本插件,jquery-browser.js,jquery 判断是否为ie浏览器插件 >>>>>>>>>>>&g ...

  7. 使用JavaScript开发IE浏览器本地插件实例

    使用JavaScript开发IE浏览器本地插件实例 投稿:junjie 字体:[增加 减小] 类型:转载 时间:2015-02-18我要评论 这篇文章主要介绍了使用JavaScript开发IE浏览器本 ...

  8. chrome浏览器视频插件

    以前安装chrome浏览器flash插件是将libflashplayer.so拷贝到chrome浏览器的plugins目录下.但最近好像不行了. 于是换了另一插件:pepperflashplugin- ...

  9. redis主从复制以及SSDB主主复制环境部署记录（四）

    redis配置主从和ssdb主主复制 参考:散尽浮华Linux下Redis主从复制以及SSDB主主复制环境部署记录 只做自己查阅. 环境要求:三台虚拟机一台做主,两台做从. 通过SSDB在redis做 ...

随机推荐

  1. 学习ASP.NET Core, 怎能不了解请求处理管道[3]: 自定义一个服务器感受一下管道是如何监听、接收和响应请求的

    我们在<服务器在管道中的"龙头"地位>中对ASP.NET Core默认提供的具有跨平台能力的KestrelServer进行了介绍,为了让读者朋友们对管道中的服务器具有更 ...

  2. .NET Core的日志[3]:将日志写入Debug窗口

    定义在NuGet包"Microsoft.Extensions.Logging.Debug"中的DebugLogger会直接调用Debug的WriteLine方法来写入分发给它的日志 ...

  3. 谱聚类（spectral clustering）原理总结

    谱聚类(spectral clustering)是广泛使用的聚类算法,比起传统的K-Means算法,谱聚类对数据分布的适应性更强,聚类效果也很优秀,同时聚类的计算量也小很多,更加难能可贵的是实现起来也 ...

  4. iOS逆向工程之Hopper+LLDB调试第三方App

    LLDB是Low Level Debugger的简称,在iOS开发的调试中LLDB是经常使用的,LLDB是Xcode内置的动态调试工具.使用LLDB可以动态的调试你的应用程序,如果你不做其他的额外处理 ...

  5. peer not authenticated的终极解决方案

    一.前述 使用httpclient发起https请求时,可能会遇到如下异常: javax.net.ssl.SSLPeerUnverifiedException: peer not authentica ...

  6. android计算每个目录剩余空间丶总空间以及SD卡剩余空间

    ublic class MemorySpaceCheck { /** * 计算剩余空间 * @param path * @return */ public static String getAvail ...

  7. linux下安装Redis以及phpredis模块

    一:redis的安装 1. 首先上官网下载Redis 压缩包,地址:http://redis.io/download 下载 2. 通过远程管理工具,将压缩包拷贝到Linux服务器中,执行解压操作 3. ...

  8. Android下/data/data/<package_name>/files读写权限

    今天将更新模块拿到android上面测试的时候,发现在创建writablepath.."upd/"目录的时候出现Permission Denied提示BTW:我使用的是lfs来创建 ...

  9. ASP.NET MVC 系列随笔汇总[未完待续……]

    ASP.NET MVC 系列随笔汇总[未完待续……] 为了方便大家浏览所以整理一下,有的系列篇幅中不是很全面以后会慢慢的补全的. 学前篇之: ASP.NET MVC学前篇之扩展方法.链式编程 ASP. ...

  10. CSharpGL(15)用GLSL渲染2种类型的文字

    CSharpGL(15)用GLSL渲染2种类型的文字 2016-08-13 由于CSharpGL一直在更新,现在这个教程已经不适用最新的代码了.CSharpGL源码中包含10多个独立的Demo,更适合 ...