纯JavaScript而不是jQuery-ready,打开、单击并结束选择器
我在jQuery中有:纯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 我怎样才能用在手机上?我必须添加动态元素,所以
$(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.
}
});