您的位置:首页 > Web前端 > JQuery

基于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(复制失败);
});
阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: