一键复制功能的实现

使用插件clipboard.js来实现这个交互,戳我去官网 ~该js是不依赖flash将文本复制到剪切版的插件,兼容性良好,整个js才2kb。多次实践,值得推荐~

PS:遇到实在复制不了的机型或app,不用太钻牛角尖~建议提示复制失败的同时,追加让用户手动复制的引导交互~


实现步骤

1、下载js,页面引入clipboard.min.js

2、需要点击复制的dom添加data-clipboard-text属性,属性值为要拷贝的内容

  如:<button class="copyBtn" data-clipboard-text="">点击复制</button>

3、添加复制js事件

交互js


具体的使用方法官网都有~可以学习~有问题可留言交流~mua~

完...

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 29,053评论 1 45
  • 本文介绍了JS与剪贴板相关的功能。 1.背景 事情的起因是使用阿里巴巴矢量图标库,使用页面大概长得是这样的 从图库...
    固体物理学阅读 13,339评论 1 3
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 11,777评论 1 32
  • 两年前用过solr5.1版本的,当时只是简单入个门,拿来在项目里建个全文索引,然后再query,其他什么也没做,还...
    Coselding阅读 3,265评论 3 22
  • 古时候男子上门提亲,如果姑娘满意,就会一脸娇羞的说:“终身大事全凭父母做主。”,如果不满意就会说:“女儿还想孝敬父...
    茄子悬赏阅读 631评论 1 0

友情链接更多精彩内容