Javascript addeventlistener不使用按钮多次工作

该事件仅在第一次单击按钮时触发。 霍利格 y=功能（evt）{ document.body.innerHTML+=evt.type； } b=文档查询选择器（#b”）； b、 addEventListener（“单击”，y）；

---

当您将容器与

innerHTML

连接时，对容器内元素的所有Javascript引用都将丢失，所有侦听器也将丢失-容器将清空，并根据新的HTML字符串重新解析

为避免此问题，请改为附加实际元素：

const y=函数（evt）{
document.body.appendChild（document.createElement（'div'））
.textContent=evt.type；
}
const b=document.querySelector（“#b”）；
b、 addEventListener（“单击”，y）
huerig
document.body.innerHTML
正在删除javascript引用，并且
document.body
变为空。创建一个div并在其中添加文本


var b=document.querySelector（“#b”）；
让计数=0；
设y=函数（evt）{
document.querySelector（“#text”）.innerHTML+=evt.type+count；
计数++
}
b、 addEventListener（“单击”，y）
霍利格
这是因为您用此行中的新按钮替换了以前的按钮：

document.body.innerHTML+=evt.type;

在函数中使用以下行：

   var ne=document.createElement("SPAN");
   ne.innerHTML=evt.type;
   document.body.appendChild(ne);