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

我会带着你远行 2022-08-06 05:16 154阅读 0赞

一开始去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浏览器：

/**
     * @author default.fu@foxmail.com 
     * @description 复制 为了兼容IE9- ZeroClipboard 放弃2.x使用1.x版本
     * @param $o
     * @param text
     */
    function initCopy($o, text) {
        if (typeof text == 'undefined') {
            if ($o instanceof jQuery) {
                text = $o.val() || $o.html() || $o.text() || 'NULL';
            } else {
                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();
        });
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，154人围观）

还没有评论，来说两句吧...

相关阅读

相关 ie浏览器兼容——scrollTop

ie浏览器兼容——scrollTop ![在这里插入图片描述][20210316114528314.png] 报错 ![在这里插入图片描述][2021031611

以你之姓@/ 2022年11月10日 03:59/ 0 赞/ 268 阅读

相关 vue项目兼容ie浏览器

1、问题 vue项目在ie浏览器下，会报Symbol 未定义的错，还有其他一些es6-10中出现的新的语法不兼容的问题 2、解决方法安装babel-polyfi

淩亂°似流年/ 2022年11月04日 00:58/ 0 赞/ 224 阅读

相关 ZeroClipboard2跨浏览器复制粘贴

摘要：我们平时常用到的复制粘贴功能，在浏览器端，要想使用一个按钮来实现，使用原生js代码来实现，是困难的，幸好ZeroClipboard的出现，解决了这一尴尬的问题。 Ze

梦里梦外;/ 2022年09月22日 14:53/ 0 赞/ 166 阅读

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

一开始去ZeroclipBoard 官网下载最新版本（2.x），后来才发现根本就不支持IE浏览器，IE浏览器打开官网也是报错。 ZeroclipBoard 的git有一段说明

我会带着你远行/ 2022年08月06日 05:16/ 0 赞/ 155 阅读

相关 ie浏览器兼容

ie低版本浏览器默认很多标签是自带样式的。 ul默认室友padding-left 40px li标签的默认样式是跟其他浏览器不一样的。默认情况下，Firefox中lis

灰太狼/ 2022年07月16日 00:45/ 0 赞/ 283 阅读

相关 ie浏览器兼容笔记

某某：’经理让你兼容ie浏览器’。我的内心：’$%!%&\+~\@’。 1.html代码写法不标准。有的html代码不够严谨，就会造成在ie浏览器下各种的问题。

红太狼/ 2022年07月13日 14:09/ 0 赞/ 284 阅读

相关 ie浏览器兼容笔记

ie低版本浏览器默认很多标签是自带样式的。 ul默认室友padding-left 40px li标签的默认样式是跟其他浏览器不一样的。默认带有左边距16

逃离我推掉我的手/ 2022年07月13日 00:19/ 0 赞/ 289 阅读

相关 ZeroClipboard实现复制功能，做到浏览器兼容

公司有个项目最近要优化一下，其中有个业务就是要实现复制功能，并且兼容大多数浏览器，之前的是使用IE的window.clipboardData.setData()方法实现

绝地灬酷狼/ 2022年06月12日 14:21/ 0 赞/ 191 阅读

相关 Vue项目兼容IE浏览器

Vue项目部署到服务器后，通常除IE浏览器外其他都正常，而IE浏览器会报这么个问题 ![这里写图片描述][SouthEast] 因为Vue使用了ES6 Promise，而I

绝地灬酷狼/ 2022年06月09日 01:28/ 0 赞/ 372 阅读

相关 IE等浏览器兼容

一、IE： $('.box').css({ display: 'block' }); 'block’不能有空格，'block '会没有效果二、IE10及以下：

忘是亡心i/ 2022年02月03日 12:29/ 0 赞/ 321 阅读