您的位置:首页 > 帝国cms教程

帝国cms一键复制固定字段内容方法

2023-11-09 13:49:46 帝国cms教程 206

帝国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>
clipboard.zip
4386aff168e7661d250d1ffcdf9a7aa1.zip (3.15 KB)

相关推荐