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

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

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

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

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

w8ntj3qf

w8ntj3qf1#

我不认为这回答了我的问题
这里唯一的变体是检查类而不是id。

  1. // Set an event handler using delegation
  2. document.addEventListener('click', function(e) {
  3. if (e.target && e.target.classList.contains('brnPrepend')) {
  4. console.log("Click!")
  5. }
  6. });
  7. // Append a dynamic element to DOM
  8. setTimeout(function() {
  9. let dynamicElement = document.createElement("div")
  10. dynamicElement.innerText = "CLICK ME"
  11. dynamicElement.classList.add("brnPrepend")
  12. document.querySelector("body").append(dynamicElement)
  13. }, 2000)

相关问题