复制按钮

最新推荐文章于 2023-02-06 10:29:06 发布

yzwdzkn

最新推荐文章于 2023-02-06 10:29:06 发布

阅读量687

点赞数

本文链接：https://blog.csdn.net/yzwdzkn/article/details/100667510

版权

1.在script标签中引入复制文件
<script src="/public/admin/js/clipboard.min.js"></script>
2.在script标签下写
 <script>
           var clipboard
        $(function(){
            clipboard = new ClipboardJS('.js-clipboard');
            clipboard.on('success', function(e) {
                console.log(e)
                layer.msg('复制成功');
            });

            clipboard.on('error', function(e) {
                console.log(e)
                layer.msg('复制失败');
            });

        });
  </script>
  3.写一个监听按钮
   <a href='#' style='color:#4395ff' onclick='seeGameNO(\""+row.game_no+"\")'>查看</a> 

  4.监听事件
   function seeGameNO(game_no){
            layer.open({
            type: 1,
            title:'牌局编号',
            skin: 'layui-layer-demo', //样式类名
            area: ['300px', '120px'], //宽高
            content:`<div>
                      <div class="copy_cont" style="text-align: center;margin:10px 0px" >${game_no}</div>
                      <button class="js-clipboard layui-btn layui-btn-sm" style="margin: 0 auto;display: block" data-clipboard-target=".copy_cont">复制</button>
                  </div>`
            });

        }