ZeroClipBoard 兼容IE浏览器的 多个复制

一开始去ZeroclipBoard 官网下载最新版本(2.x),后来才发现根本就不支持IE浏览器,IE浏览器打开官网也是报错。

ZeroclipBoard 的git有一段说明:

ZeroClipboard v2.x is expected to work in IE9+ and all of the evergreen browsers.
Although support for IE7 & IE8 was officially dropped in v2.0.0,
 it was actuallystill technically supported through v2.0.2.

https://github.com/zeroclipboard/zeroclipboard

现在改成1.x版本,兼容IE浏览器:

    /**
     * @description 复制 为了兼容IE9- ZeroClipboard 放弃2.x使用1.x版本
     * @param $o
     * @param text
     */
    function initCopy($o, text) {
        if (typeof text == 'undefined') {
            if (typeof $o.value != 'undefined') {
                text = $o.value;
            } else if (typeof $o.innerHTML != 'undefined') {
                text = $o.innerHTML;
            } else {
                text = 'NULL';
            }
        }
        var client = new ZeroClipboard($o);
        client.on('load', function (client) {
            client.on('datarequested', function (client) {
                client.setText(text);
            });

            client.on('complete', function (client, args) {
                alert('复制成功 ' + text);
            });
        });
        client.on('wrongflash noflash', function () {
            alert('flash error');
            ZeroClipboard.destroy();
        });
    }
时间: 2024-11-05 15:58:24

ZeroClipBoard 兼容IE浏览器的 多个复制的相关文章

兼容各个浏览器的jquyer zclip复制文本插件 无效的解决办法

项目中使用点击文本复制功能,用了这个兼容各个浏览器的插件,但是发现放在最前面正常,放到嵌套的html中就失效. 解决办法: <span style="position: relative;" class="url"><%=ue.tgurl %></span> <span class="letter">←[点击可复制]</span> 增加绝对定位css即可解决

黄聪:JS实现复制到剪贴板功能,兼容所有浏览器(转)

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能

点击按钮复制链接到我的粘贴板【兼容所有浏览器】

首先看下个人的笔记:点击我 兼容所有浏览器的JQuery zClip插件实现复制到剪贴板功能 加载JQuery库和zclip插件 <script type="text/javascript" src="js/jquery-1.8.1.min.js"></script> <script src="js/jquery.zclip.min.js"></script> 下面是一个小demo,主要是复制文本框

【转】js实现复制到剪贴板功能,兼容所有浏览器

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能

将内容复制到剪切板兼容主流浏览器的解决方案

html : <body> <div class="demo-area"> <label for="copy-input">输入要复制到剪切板的文字:</label><br> <textarea id="copy-input" cols="30" rows="10"></textarea><br> <but

jquery ZeroClipboard实现黏贴板功能,兼容所有浏览器

两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低.很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大.成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围的环境都有很大关系,只能说多找方法.条件给自己鼓励,不断提高对自己的要求,才有机会获得多一点的成就. 今年下半年打算在组内建个叫『移动开发指南』的站点,在网站框架搭建过程,有一个功能

Zclip复制页面内容到剪贴板兼容各浏览器

Zclip:复制页面内容到剪贴板兼容各浏览器 WEB开发中,要让用户复制页面中的一段代码.URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,点击这个复制按钮,内容将会被复制,然后用户可以粘贴到想粘贴的地方,下面介绍一种使用Zclip实现的兼容主流浏览器的方式. 利用插件来写的话就比较简单,源码下载 <html> <head> <title>Index</title> <script src=

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

Zero Clipboard的实现原理 Zero Clipboard 利用透明的Flash让其漂浮在复制按钮之上,这样其实点击的不是按钮而是 Flash ,这样将需要的内容传入Flash,再通过Flash的复制功能把传入的内容复制到剪贴板. Zero Clipboard的安装方法 首先需要下载 Zero Clipboard的压缩包,解压后把文件夹中两个文件:ZeroClipboard.js 和 ZeroClipboard.swf 放入到你的项目中. 然后把在你要使用复制功能的页面中引入Zero

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

zeroclipboard实现多浏览器复制到粘贴板功能(单个复制按钮和多个复制按钮) 为了更好的用户体验,现在很多网站中文本框的内容只需要点击复制按钮这样就能把内容复制到粘贴板了:出于兼容性的考虑,基本上都是通过zeroclipboard来实现.首先要下载zeroclipboard,解压后把ZeroClipboard.js和ZeroClipboard.swf.ZeroClipboard10.swf(“为了flash10”)放到项目中,可以通过ZeroClipboard.setMoviePath(