Как предпочтительнее вешать обработчик событий на элемент?

Question

[Lorem Ipsum]

№1:

const INPUT = document.getElementById('textInput');
INPUT.addEventListener('change', (e) => {
  // CODE
});

№2:

const INPUT = document.getElementById('textInput');
INPUT.onchange = (e) => {
  // CODE
};

№3:

funcition someFunc() {
  // CODE
}

<input type="text" onchange="someFunc()">

В чём вообще разница?

Comments

[Ярослав Иванов]

Разница описана в документации.
https://learn.javascript.ru/introduction-browser-events

Answer 1

[0xD34F]

Чтобы ответить на этот вопрос, достаточно подумать над тем, как будет выглядеть подключение ещё одного обработчика в каждом из представленных случаев.

Comments

[Ярослав Иванов]

onchange="someFunc01(); someFunc02(); someFunc03();"

:]