如何 select 单击元素后生成的元素（回调？）？

Question

我编写了一些代码来在单击 html 元素后触发一些指令：

const datepicker = document.querySelector(".datepicker")
datepicker.addEventListener("click", () => {
//ajax request
}

单击该元素会通过 javascript 生成更多 html 元素（它会显示一个日期选择器）。如何通过上一次点击在新创建的元素 document.queryselector(".month-next") 上添加另一个事件监听器？编辑：我使用 materialize datepicker，“month-next”class 由 materialize javascript

生成

Answer 1

I don't think answers my question

此处唯一的变体是检查 class 而不是 id。

// Set an event handler using delegation
document.addEventListener('click', function(e) {
  if (e.target && e.target.classList.contains('brnPrepend')) {
    console.log("Click!")
  }
});


// Append a dynamic element to DOM
setTimeout(function() {
  let dynamicElement = document.createElement("div")
  dynamicElement.innerText = "CLICK ME"
  dynamicElement.classList.add("brnPrepend")
  document.querySelector("body").append(dynamicElement)
}, 2000)

如何 select 单击元素后生成的元素（回调？）？

how to select an element generated after a click on an element (callback ?)?

javascript

callback