900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 轻量级的实现复制文本到剪贴板功能的 js

轻量级的实现复制文本到剪贴板功能的 js

时间:2024-01-14 01:53:51

相关推荐

轻量级的实现复制文本到剪贴板功能的  js

官网地址:/

第一步引入js 文件

<script type="text/javascript" src="./jquery.min.js"></script><script src="./clipboard.min.js"></script>

第二步布局

<div class="yqm">我的邀请码:/*要复制的内容*/<span class="span2" style="margin-left: 1%;">123456</span>/*点击复制的*/ <img id="img3" src="{:C('APP_IMAGE')}copy.png" alt=""></div>

第三步js代码

/*点击事件*/ $('#img3').on('click', function () {/*获取要复制的文字*/ value3 = $('.span2').html();/*通过id指定的节点对象,并作为参数传送给Clipboard,这里的返回值的内容data-clipboard-text的内容*/$('#img3').attr('data-clipboard-text', value3);var clipboard1 = new Clipboard('#img3');clipboard1.on('success', function (e) {mui.toast('复制成功')});clipboard1.on('error', function (e) {mui.toast('复制失败')});})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。