沫゛独孤♂ 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 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改
  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题:需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上