javascript - 将事件处理程序分配给动态创建的按钮

Question

我正在尝试将点击事件处理程序分配给动态创建的按钮，一旦点击，将在没有任何框架的情况下返回普通 Javascript 中点击按钮的 ID。但是我似乎无法正确处理事件，这是代码

let h = document.getElementsByClassName("buttons");

h.forEach(function() {
	addEventListener("click", function() {
		alert(this.id);
	});
};

Answer 1

尝试

let h = document.getElementsByClassName("buttons");

[...h].forEach(b => {
  b.addEventListener("click", () => {
    alert(b.id);
  });
});

<button id="btn-id-1" class="buttons">Btn 1</button>
<button id="btn-id-2" class="buttons">Btn 2</button>
<button id="btn-id-3" class="buttons">Btn 3</button>