Аналог JQuery on() на ES6?

Question

[Богдан]

Здравствуйте. Какие есть варианты переписать вот такую строку на с JQuery на Vanilla JS. Нагуглил только такой вариант, может есть получше?

// JQuery
element.on('click', '.hello', function() {
    console.log('Hello!');
});

// Vanilla JS
element.addEventListener('click', function(event) {
    if (event.target.matches('.hello')) {
    console.log('Hello!');
     event.stopPropagation();
    }
});

Comments

[EverOne]

А причем тут ES6 вообще?

[Ди Ма]

Это не Vanilla, это обычный javaScript.
Jquery внутри тоже использует addEventListener.

[Сергей delphinpro]

Ди Ма:

Это не Vanilla, это обычный javaScript.

ха-ха =)))))))

Нет, друг, - это vanilla.js =)

[Ди Ма]

Сергей: В jq функция on()- это пользовательская функция, а element.addEventListener - встроенная. Автор вопроса почему-то считал их пользовательскими обе. Вот я и говорю, что вторая функция (та часть, что устанавливает обработчик события)- это чистый javaScript. И что все пользовательские функции используют addEventListener в качестве основы.

[Сергей delphinpro]

Ди Ма: Я о том, что обычный джаваскрипт мы как раз и называем ваниллой )

[Kovalsky]

Ди Ма: тут суть в том, что у слова "vanilla" одно из разговорных значений близко к значению русских слов "обычный", "оригинальный". Ну и как бы vanilla js это и есть чистый js. Вот.

[Ди Ма]

Никита Полевой:, Сергей:
Ха! Да ладно?))
Теперь понятно, как выглядели мои пояснения.. ))

Answer 1

[Dark Hole]

DOM API предоставляется браузером. Он не является неотъемлемой частью JavaScript. Как следствие, не регулируется ECMAScript'ами.
Ваш вопрос лишен смысла.

Answer 2

[RubaXa]

Это называется event delegation, работает через `matches/MatchesSelector`

- https://stackoverflow.com/questions/24117369/vanil...
- https://stackoverflow.com/questions/23508221/vanil...

Дальше сами гуглите