基于jquery的一键复制值到剪切板--clipboard插件
2018-10-30 15:08
211 查看
支持原创:https://www.geek-share.com/detail/2691561514.html
最近开发中遇到了新的需求,把指定页面中的内容复制到剪切板让用户复制给其他人或浏览器访问,找了很多js发现大部分是通过swf文件来做的,不好用,也比较麻烦一些,而js写的方法又必须用户自己去修改浏览器的配置,体验性太差,终于找到了一个clipboard,无需通过其他文件,引入一个clipboard.js文件即可使用,简单方便,下附测试代码,笔者亲测:ie ,火狐,谷歌,360有效
用法例如:
<div id="copyA"> <p class="share-deta-p">2018动力节点全套视频更新完成,百G教程免费提供下载,自学拥有一套动力节点Java视频教程足以。</p> <ul class="share-deta-ul"> <li> 【Java301集、Annotation、微信支付,多线程】<br> http://www.bjpowernode.com/video.html </li> <li> 【Linux,Oracle,MySQL,JDBC】<br> http://www.bjpowernode.com/video.html#aaa_4 </li> <li> 【SpringBoot、Dubbo、Redis】<br> http://www.bjpowernode.com/video.html#bbb_102 </li> <li> 【SSH、SSM、Hibernate5、MyBatis、SpringMVC、Spring4】<br> http://www.bjpowernode.com/video.html#aaa_8 </li> <li> 【SVN、Maven、分布式】<br> http://www.bjpowernode.com/video.html#aaa_10 </li> </ul> <p class="share-deta-p2">加入动力节点VIP群和小伙伴 一起去自学高薪! 群号130504413</p> </div>
<a href="javascript:;" class="point-copy">一键复制</a>
//一键复制功能 var clipboard = new Clipboard('.point-copy',{ text: function() { var copyA = $("#copyA").text(); return copyA; } }); clipboard.on('success', function(e) { alert(复制成功); }); clipboard.on('error', function(e) { alert(复制失败); });阅读更多
相关文章推荐
- 简单的jquery一键复制值到剪切板--clipboard
- jquery 一键复制到剪切板的实例
- jquery的zclip插件实现复制文本到剪切板
- ZeroClipboard / jquery.zclip.min.js跨浏览器复制插件使用中遇到的问题解决
- jQuery常用插件(四)不使用flash,点击按钮将内容复制到剪切板
- 兼容浏览器复制jQuery ZeroClipboard插件
- 微信浏览器-复制到剪切板-clipboard.js插件
- jquery 复制文本到剪切板插件(非 flash)
- JS基于clipBoard.js插件实现剪切、复制、粘贴
- jquery 一键复制文本到剪切板
- 基于JQUERY开发的一个JPAGE插件的修改版
- 基于jQuery的下拉菜单插件
- 基于Bootstrup的强大jQuery表单验证插件
- 30个基于jQuery的日期时间选择插件
- 转载:基于jquery的bootstrap在线文本编辑器插件Summernote
- 一个基于jQuery的树型插件(OrangeTree)使用介绍
- Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
- 基于jQuery的zTree树插件实现筛选
- 6 个基于 jQuery 的表单向导插件推荐
- 基于jquery,bootstrap数据验证插件bootstrapValidator 教程