沫゛独孤♂ 2021-11-25 11:45 采纳率: 33.3%
浏览 63
已结题

JS实现btn按钮复制并跳转指定链接

JS按钮,已经有点击复制功能,现在需要实现复制+跳转链接功能,请问一下如何修改代码呢?

img


代码如下:


```javascript
    $("#query-pane").on("click",".view_kami",function(event){
        event.preventDefault();
        var orderid = $(this).attr("data-orderid");
        //$(this).attr({"disabled":"disabled"});
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "/product/query/kami",
            data: { "csrf_token": TOKEN,'orderid':orderid},
            beforeSend: function () {
                lodding = layer.load();
            },
            complete: function () {
                layer.close(lodding);
            },
            error: function (data) {
                ayer.close(lodding);
            },
            success: function(res) {
                if (res.code == 1) {
                    var html = "";
                    var list = res.data;
                    for (var i = 0, j = list.length; i < j; i++) {
                        html += '<p id="km">'+list[i]+'</p>';
                    }
                    layer.open({
                        type: 1
                        ,title: '快递单号'
                        ,offset: 'auto'
                        ,id: 'layerDemoauto' //防止重复弹出
                        ,content: '<div style="text-align: center;padding: 20px 100px;">'+html+'</div>'
                        ,btn: ['物流查询','关闭']
                        ,btnAlign: 'c' //按钮居中
                        ,shade: 0 //不显示遮罩
                        ,yes: function(){
                            var clipboard = new ClipboardJS('.layui-layer-btn0', {
                                target: function() {
                                    return document.querySelector("#km");
                                }
                            });
                            clipboard.on('success', function(e) {
                                //console.log(e);
                                layer.msg("复制成功");
                            });
                            clipboard.on('error', function(e) {
                                //console.log(e);
                                layer.msg("复制失败");
                            });    
                         }
                         ,no: function(){
                             layer.closeAll();
                         }
                    });
                } else {
                    layer.msg(res.msg,{icon:2,time:5000});
                }
                return;
            }
        });
    });


```

  • 写回答

1条回答 默认 最新

  • CSDN专家-showbo 2021-11-25 11:48
    关注
    
                                clipboard.on('success', function(e) {
                                    //console.log(e);
                                    layer.msg("复制成功");
                                    location.href='xxxxxxxxx'/////////////////
                                });
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 12月3日
  • 已采纳回答 11月25日
  • 创建了问题 11月25日

悬赏问题

  • ¥15 关于#vscode#的问题:ESP32开发板对接MQTT实现小灯泡的开关
  • ¥15 TMC2209串口模式下读取不到寄存器的值串口助手蓝色字体是发过去的消息,绿色字体是收到的消息,第二行发送读取寄存器的指令但是没有读取到寄存器的值串口助手如下图:接线如下图,如何解决?
  • ¥15 高通安卓11提取完整线刷包软件,或者优博讯dt50顺丰刷机包
  • ¥20 C,有个译码器,换了信道就跑不出原来数据
  • ¥15 MIMIC数据库安装问题
  • ¥60 基于JTag协议开发Fpga下载器上位机,哪位大🐂有偿指导?
  • ¥20 全书网Java爬取数据
  • ¥15 怎么获取红包封面的原始链接,并且获取红包封面序列号
  • ¥100 微信小程序跑脚本授权的问题
  • ¥100 房产抖音小程序苹果搜不到安卓可以付费悬赏