纯JavaScript而不是jQuery - ready,on,click和end选择器

Question

我有jQuery:

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

我怎样才能用纯JavaScript编写它？

$(文件).就绪(函数()

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

$(文件).在

我该怎么用"开"？我必须添加动态元素,所以在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);
    }
  });
});

事件委托使它变得更复杂,但它应该做到这一点.