如何选择单击元素后生成的元素(回调?)?

sxpgvts3  于 2021-09-08  发布在  Java
关注(0)|答案(1)|浏览(323)

我编写了一些代码,以便在单击html元素后触发一些指令:

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

单击元素可以通过javascript生成更多的html元素(它显示一个日期选择器)。如何在新创建的元素上添加另一个eventlistener document.queryselector(".month-next") 通过上一次点击?编辑:我使用MaterializeDatePicker,“下一个月”类由MaterializeJavaScript生成

w8ntj3qf

w8ntj3qf1#

我不认为这回答了我的问题
这里唯一的变体是检查类而不是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)

相关问题