Javascript 按钮单击jQuery后，带有keyup事件的附加文本消失

使用jQuery，我将图像下载为SVG格式

现在，我想在图片上方显示一个标题。我试图通过keyup事件来实现这一点。当我写标题时，我的脚本会按预期的方式将其附加到div中，但只要我单击“下载”按钮，标题就会消失，并且图像下载时没有附加标题

我想下载上面有标题的图片，这实际上是一个附加文本

html

书名
//我在这里附加标题

JavaScript

    $("#qr_frame_text").keyup(function () {
         $("#get_frame_text").html(this.value);
    });


$( document ).ready(function() {
    domtoimage.toSvg(node)
        .then(function (dataUrl) {
var node = document.getElementById("qr-container");
    $('#qr2').click(function() {

     $('#qr-container').html("div id=\"get_frame_text\"></div>\n" +
       "<div id=\"img\" class=\"qr-img\">\n" +
    " <img src=\"data:image/png;base64, {!!base64_encode($image) !!}\" class=\"img-fluid\" />\n"+
    "</div>\n");

            var link = document.createElement('a');
            link.download = 'qrcode.svg';
            link.href = dataUrl;
            link.click();
        });
    });
});

$（“#qr#帧_文本”）.keyup（函数（）{
$（“#get_frame_text”）.html（this.value）；
});
$（文档）.ready（函数（）{
domtoimage.toSvg（节点）
.then（函数（dataUrl）{
var节点=document.getElementById（“qr容器”）；
$（'#qr2'）。单击（函数（）{
$（'\'qr container'）.html（“div id=\“get\u frame\u text\”>\n”+
“\n”+
“\n”+
“\n”）；
var link=document.createElement（'a'）；
link.download='qrcode.svg'；
link.href=dataUrl；
link.click（）；
});
});
});

完成以下操作后，您将调用

domtoimage.toSvg（节点）

：

     $('#qr-container').html("div id=\"get_frame_text\"></div>\n" +
       "<div id=\"img\" class=\"qr-img\">\n" +
    " <img src=\"data:image/png;base64, {!!base64_encode($image) !!}\" class=\"img-fluid\" />\n"+
    "</div>\n");

$（'.\qr container'）.html（“div id=\“get\u frame\u text\”>\n+
“\n”+
“\n”+
“\n”）；

记住，

var node=document.getElementById（“qr容器”）未保存节点的快照。如果它被修改，它将改变

您正在更改元素，使其在保存之前不再包含输入。如果您试图重置更改，请在
中执行该操作。然后（）
请提供一个最小的工作代码示例（如果可能，请使用提琴/沙盒）@AbrahamLabkovsky我正在使用名为tsayen/dom的依赖项进行映像。这只是我最大模块中的一段代码，很难提供（太棒了！）现在我可以在我下载的图像中看到互动程序。我们非常接近，只有一步之遥。现在单击，文本必须保持在那里，但它会消失。即使在下载后，我如何保持上面图像中显示的文本？你为什么要覆盖该元素？对不起，我该怎么办？我刚刚编辑了我的问题以遵循你的步骤，如果我做错了，请告诉我。我无法回答您的问题。您正在更改此处理程序中div
#qr容器的HTML。我不知道为什么
     $('#qr-container').html("div id=\"get_frame_text\"></div>\n" +
       "<div id=\"img\" class=\"qr-img\">\n" +
    " <img src=\"data:image/png;base64, {!!base64_encode($image) !!}\" class=\"img-fluid\" />\n"+
    "</div>\n");