沫゛独孤♂ 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 为什么apriori的运行时间会比fp growth的运行时间短呢
  • ¥15 帮我解决一下膳食平衡的线性规划模型的数据实例
  • ¥40 万年历缺少农历,需要和阳历同时显示
  • ¥250 雷电模拟器内存穿透、寻基址和特征码的教学
  • ¥200 比特币ord程序wallet_constructor.rs文件支持一次性铸造1000个代币,并将它们分配到40个UTXO上(每个UTXO上分配25个代币),并设置找零地址
  • ¥15 关于Java的学习问题
  • ¥15 如何使用chatgpt完成文本分类任务?
  • ¥15 已知速度v关于位置s的等式,怎么转化为已知位置求速度v的等式
  • ¥15 我有个餐饮系统,用wampserver把环境配置好了,但是后端的网页却进去,是为什么,能不能帮远程一下?
  • ¥15 R运行没有名称为"species"的插槽对于此对象类"SDMmodelCV"