это связывание против e.currentTarget против e.target

Question

MDN говорит: (Source)

При установке функции обработчика к элементу с использованием addEventListener(), значение this внутри обработчика является ссылка к элементу. Это то же самое, что и значение свойства currentTarget аргумента события, которое передается обработчику .

Но когда я проверил это (используя эту скрипку: https://jsfiddle.net/jd50d2sw/) оказывается, e.target равно this не e.currentTarget.

Я ошибаюсь, или MDN нуждается в обновлении?

Answer 1

e.target возвращает элемент dom, который вызвал событие. Поэтому, если вы нажмете на абзац, он вернет p. Однако e.currentTarget возвращает тег, который вызвал событие, и только этот тег.