专栏首页优启梦js复制插件clipboard全平台兼容
原创

js复制插件clipboard全平台兼容

手机上也测试过可以使用的

使用教程:

先引用js

<script src="clipboard.min.js"></script>

下面是html

<a id="copyValue" data-clipboard-target='#copyValue' href="#">内容</a>

之后在加上一段js

<script>
var clipboard = new ClipboardJS('#copyValue');
clipboard.on('success',function(e){
 e.clearSelection();
 alert('复制成功');
 });
clipboard.on('error',function(e){
 e.clearSelection();
 alert('复制失败');
 });
</script>

其中#copyValue是id,这样就能实现一个几乎全平台的复制功能了

github项目地址:https://github.com/zenorocha/clipboard.js/

还有更多高级用法,敬请学习。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 分析网站关键词排名下降的五种原因!

      网站长时间的运营就会产生一些怠慢、疏忽的情况发生,当我们疏忽或者怠慢的时候,无孔不入的“苍蝇”就会盯住我们的网站,会让我们的网站关键词排名突然下降,这个时...

    墨渊
  • CNZZ延迟加载,解决加载缓慢问题

    相信绝大部分的站长都是在站点上部署了CNZZ的站点访问统计吧,不过CNZZ的JS在每次加载页面的时候总是要加载那么1~3秒,甚至更长,其原因就是:本来页面都已经...

    墨渊
  • 利用HSTS安全协议柔性解决全站HTTPS的兼容性问题

    HSTS(HTTP Strict Transport Security)国际互联网工程组织 IETE 正在推行一种新的 Web 安全协议,作用是强制客户端(如浏...

    墨渊
  • js复制插件clipboard全平台兼容

    Youngxj
  • 爬虫抓取的门道——来看这篇

    本文首发于我的个人博客,同步发布于SegmentFault专栏,非商业转载请注明出处,商业转载请阅读原文链接里的法律声明。 web是一个开放的平台,这也奠定了w...

    程序员宝库
  • yasio - 轻量级跨平台socket库

    yasio 是一个轻量级跨平台的异步socket库,专注于客户端和基于各种游戏引擎的游戏客户端网络服务, 支持win32 & linux & apple & a...

    simdsoft
  • 前端-Generator:JS执行权的真实操作者

    ES6提供了一种新型的异步编程解决方案: Generator函数(以下简称G函数)。它不是使用JS现有能力按照一定标准制定出来的东西( Promise是如此出生...

    grain先森
  • 生物领域的大数据有多值钱?

    大数据文摘
  • SoapUI 访问代理设置

    运行SoapUI时,发现接口访问不通,如下图,提示"Connection to http://127.0.0.1:8080"

    授客
  • CVPR 2019细粒度图像分类竞赛中国团队DeepBlueAI获冠军 | 技术干货分享

    近日,在Kaggle上举办的CVPR 2019 Cassava Disease Classification挑战赛公布了最终结果,国内团队 DeepBlueAI...

    新智元

扫码关注云+社区

领取腾讯云代金券