专栏首页远在上海使用Zero Clipboard实现JS网页代码复制到剪贴板功能,所有浏览器全兼容

使用Zero Clipboard实现JS网页代码复制到剪贴板功能,所有浏览器全兼容

前几天,好友让我帮忙增加一个复制二维码链接的功能,虽然说这个功能在很多网站都能看到,但是你会经常看到“此功能不支持该浏览器,请手工复制文本框中内容”,这是因为大都用“window.clipboardData”来实现,但这个函数只有IE和Firefox火狐浏览器支持。

很爽快的答应了朋友,网上也搜索了一大堆,大都同样的思路,个别针对浏览器增加几个判断,但都不能兼容所有浏览器。最终从WordPress顺藤摸瓜,找到了jQuery ZeroClipboard(简称jquery-zclip),顺而找到了无需依赖jQuery的ZeroClipboard。顺利解决了问题。

相关代码

<script type="text/javascript" charset="utf-8" src="/templates/yishi/js/ZeroClipboard.min.js"></script>
<script type="text/javascript">
var client = new ZeroClipboard( document.getElementById("d_clip_button") );
client.on( "ready", function( readyEvent ) {
  // alert( "ZeroClipboard SWF is ready!" );
  client.on( "aftercopy", function( event ) {
    // `this` === `client`
    // `event.target` === the element that was clicked
//隐藏
    //event.target.style.display = "none";
    //alert("Copied text to clipboard: " + event.data["text/plain"] );
        alert('复制成功!');
   //console.log('复制成功!');
  } );
} );
</script>

插件相关信息

jQuery Zero官网:已不能访问,请访问Github

jQuery Zero Clipboard Github地址:https://github.com/patricklodder/jquery-zclip

Zero Clipboard的官方地址:http://zeroclipboard.org

Zero Clipboard Github地址:https://github.com/zeroclipboard/ZeroClipboard

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 转一些Exchange Web Services开发的资料

    无意间看到的,却正好能满足当前的发送邮件的需求,利用公司的Exchange服务器,既安全有方便。

    崔文远TroyCui
  • 我是如何4个小时搞定一个比赛成绩查询微信端的

    我的一个老同事,转行做教育行业,主办了一个省的比赛项目,给我打电话时,比赛刚结束,觉得直接微信公众号发个文章,把参赛选手的成绩放在一个表格里面,比较Low,另外...

    崔文远TroyCui
  • 儿子今天出了问题,已经第二次了

    中午本本发来短信,说[URL=http://www.hubeauty.com]上海美容化妆品网[/URL]不能访问,我没有在意,等到下班的时候看了一下,提示如下...

    崔文远TroyCui
  • 深入Redis的List

    Redis列表是简单的字符串列表,按照插入顺序排序。你可以添加一个元素到列表的头部(左边)或者尾部(右边)

    desperate633
  • Component之timex

    这个timex机制的优点是:不需要修改被测程序。不过它是以系统时钟为基准,精度有限;而timexN()则需要被测函数可以重复调用。因此可以考虑使用高精度...

    Taishan3721
  • python3-列表的深浅复制

    py3study
  • Python学习笔记五(列表和元组)

    最近这段时间是一年中最忙的时候,学习进度严重耽误,距离上一次更新Python的学习进度又已经一个月过去了,“佩服”我自己。趁着假期,继续学习我的Python,顺...

    世纪访客
  • python列表、字典、元组、集合学习笔记

    列 表 列表在python里是有序集合对象类型。 列表里的对象可以是任何对象:数字,字符串,列表或者字典,元组。与字符串不同,列表是可变对象,支持原处修改的操作...

    没有故事的陈师傅
  • go微服务框架go-micro深度学习(二) 入门例子

        上一篇帖子简单介绍了go-micro的整体框架结构,这一篇主要写go-micro使用方式的例子,中间会穿插一些go-micro的源码,和调用流程图,帮大...

    lpxxn
  • JS-在线运行代码小工具

    xing.org1^

扫码关注云+社区

领取腾讯云代金券