JavaScriptDOM，如何确定触发了哪个事件侦听器？

我不太确定如何在标题中表达我的主要问题，但我会尽力在下面解释。我正在创建一个javascript应用程序，它接受用户输入，然后将其作为列表项添加到列表中。我希望每个列表项都有一个按钮，按下该按钮时将删除相应的列表项。这是我的密码：

function addToList(){
  removeBtn = document.createElement('button');

  listItem = document.createElement('li');
  listItem.textContent = row[0]+ ' $' + row[1]+ ' ' + row[2]+' ';

  removeBtn.addEventListener('click', removeLi);

  listItem.appendChild(removeBtn);

  list.append(listItem);
}

---

我尝试了一些方法，但我不知道在removeLI函数中添加什么，它将删除被单击按钮的父项。任何帮助都将不胜感激

使用事件目标并使用最接近的元素引用li元素

函数移除（事件）{
event.target.closest（'li'）.remove（）
}
var list=document.querySelector（“列表”）
函数addToList（文本）{
var removeBtn=document.createElement（'button'）；
var listItem=document.createElement（'li'）；
listItem.textContent=text
removeBtn.addEventListener（'单击'，removeLi）；
listItem.appendChild（removeBtn）；
list.append（listItem）；
}
地址列表（1）
地址列表（2）
添加列表（3）

---

我强烈建议将

const

，

放在变量声明前面。使用这样的全局变量会导致问题谢谢你的帮助，把它添加到我的程序中，效果很好。由于该代码没有显式地将任何内容传递到removeLI中，“事件”是否会自动传递到其中？