使用event.target与选择元素

Question

通过event.target处理元素的属性与直接处理它]之间有区别吗？

我不知道是否有区别。

const btn = document.querySelector('#btn');

btn.addEventListener('click', function(e) {

  console.log(e.target.value);
  //vs
  console.log(btn.value);
}

这样做时有更好的做法吗？

通过event.target处理元素的属性与直接处理元素的属性之间有区别吗？我不明白是否有区别。...const btn = document.querySelector（'＃btn'...

Answer 1

是的，有一个重要的区别。 event.target属性告诉您事件创建涉及哪些元素。对于“单击”，发生“单击”时是光标下方的元素。

Answer 2

根据您的情况，您正在按ID选择元素。您的参考与target相同，因此没有区别。很多时候我们使用delegation，因此您可能没有对clicked元素的引用。因此，我们使用target对象中的event。