帝国cms一键复制固定字段内容方法
帝国cms一键复制固定字段内容方法要用到一个clipboard.js库 已打包
js部分代码:
$(document).ready(function () {
var clipboard = new ClipboardJS('#copytext');
clipboard.on('suess', function (e) {
$('#suess').show();
$('.tipsbg').show();
clipboard.on('suess', function (e) {
showToast({text:'复制成功',bottom:'65%',zindex:2,speed:500,time:2000});
});
clipboard.on('error', function (e) {
showToast({text:'复制失败,建议升级浏览器版本',bottom:'65%',zindex:2,speed:500,time:2000});
});
});
});
模板部分:
<div class="text">
<div id="docopy[!--id--]" class="def">
[!--newstext--]
</div>
</div>
<div class="l">
<a id="copytext" data-clipboard-action="copy" data-clipboard-target="#docopy[!--id--]" title="复制"><i class="fz"></i></a>
</div>
声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至201542412@QQ.com举报,一经查实,本站将立刻删除。
相关推荐
-
原生javascript加css和html做一键复制功能。
原生jvscrit加css和html做一键复制功能。效果如下截图:jvscrit代码部分:css代码:HTML代码