javascript - 事件监听器不起作用

Question

为什么这不起作用的任何想法。

单击时"is"按钮起作用一次 - “否”按钮不起作用

function $(x) {
    return document.getElementById(x);
}

var glob = 0;

function new_index() {
    glob += 1;
    return "d" + glob;
}

function play() {
    say("Hello is JS Fun?");
    response("No",
        function() {
            say("Oh dear")
        });
    response("Yes",
        function() {
            say("Great:");
        });
}

function say(x) {
    $("txt").innerHTML += x;
}

function response(Txt, Fun) {
    var n = new_index();
    var s = "<button id='" + n + "'>" + Txt + "</button>";
    say(s);
    var xx = $(n);
    // xx.onclick=Fun;
    xx.addEventListener("click", Fun);
}

play();

<div id="txt"></div>

Answer 1

这是因为每次您设置 innerHTML 时，它并不会像您想象的那样只是添加，它会将 innerHTML 设置为一个新值，然后删除带有旧事件监听器的旧元素。