javascript - Vanilla JavaScript 而不是 jQuery - 就绪、打开、单击和结束选择器

Question

这个问题已经有答案了:

$(document).ready equivalent without jQuery (38 个回答)

已关闭 6 年前。

我在 jQuery 中有:

$(document).ready(function() {
   $(document).on('click', "[id$='someId']", function () {
      console.log($(this).val());
   })
})

如何用纯 JavaScript 编写它？

$(document).ready(function()

我应该在纯 JavaScript 中使用“ready”吗？

$(document).on

如何使用“on”？我必须添加动态元素，所以在 jQuery 中我必须使用“on”。

我想按照ES6来写这个。

Answer 1

使用addEventListener而不是 on:

document.addEventListener('DOMContentLoaded', function () {
  document.body.addEventListener('click', function (e) {
    if (e.target.matches("[id$='someId']")) {
      console.log(e.target.value);
    }
  });
});

事件委托(delegate)使其变得更加复杂，但它应该可以解决问题。