纯JavaScript而不是jQuery-ready,打开、单击并结束选择器

纯JavaScript而不是jQuery-ready,打开、单击并结束选择器,javascript,jquery,ecmascript-6,Javascript,Jquery,Ecmascript 6,我在jQuery中有: $(document).ready(function() { $(document).on('click', "[id$='someId']", function () { console.log($(this).val()); }) }) 我如何用纯JavaScript编写它 $document.readyfunction 我应该在纯JavaScript中使用ready吗 $document.on 我怎样才能用在手机上?我必须添加动态元素,所以

我在jQuery中有:

$(document).ready(function() {
   $(document).on('click', "[id$='someId']", function () {
      console.log($(this).val());
   })
})
我如何用纯JavaScript编写它

$document.readyfunction

我应该在纯JavaScript中使用ready吗

$document.on

我怎样才能用在手机上?我必须添加动态元素,所以在jQuery中我必须使用on

我想按照ES6写这篇文章。

使用,而不是在:

事件委派使其更为复杂,但它应该可以做到这一点。

使用而不是打开:

事件委派使其更为复杂,但它应该可以做到这一点。

$document.readyfunction $document.on $document.readyfunction $document.on
查找。纯JavaScript而不是jQuery。如果您使用jQuery或任何其他库,您的JavaScript没有任何不纯之处。您的意思是,如何用jQuery而不是jQuery来实现这一点?不管@Phylogenesis怎么说,JavaScript语言都是一样的。如果你需要支持像IE8这样的过时浏览器,而IE8却没有,那么有一个带有回退功能的版本供你使用。@t.J.Crowder为什么要复制?准备好的问题只是一个补充。最重要的是on和selector。如何用纯JavaScript编写它$document.readyfunction非常清楚地询问链接问题的答案。这就是问题的症结所在。在任何情况下,这件事都很容易找到——在这里如此,在其他地方,用最少的研究。请在将来进行搜索和网页搜索。查找。纯JavaScript而不是jQuery。如果您使用jQuery或任何其他库,您的JavaScript没有任何不纯之处。您的意思是,如何用jQuery而不是jQuery来实现这一点?不管@Phylogenesis怎么说,JavaScript语言都是一样的。如果你需要支持像IE8这样的过时浏览器,而IE8却没有,那么有一个带有回退功能的版本供你使用。@t.J.Crowder为什么要复制?准备好的问题只是一个补充。最重要的是on和selector。如何用纯JavaScript编写它$document.readyfunction非常清楚地询问链接问题的答案。这就是问题的症结所在。在任何情况下,这件事都很容易找到——在这里如此,在其他地方,用最少的研究。请在以后的网页搜索。
document.addEventListener('DOMContentLoaded', function () {
  document.body.addEventListener('click', function (e) {
    if (e.target.matches("[id$='someId']")) {
      console.log(e.target.value);
    }
  });
});
// DOMContentLoaded
// @see https://developer.mozilla.org/en-US/docs/Web/Events/DOMContentLoaded
document.addEventListener('DOMContentLoaded', function (event) {
  console.log('DOM fully loaded and parsed');
});
document.addEventListener("click", function(event) {
  var target = event.target;
  if (target.id === 'a') {
    // do something.
  } else if (target.id === 'b') {
    // do something.
  }
});