Как запускать функцию при клике на элемент по классу?

Question

[KurtsKhalia]

elem.onclick = sayThanks;
То есть не секрет, что в этом коде неизвестная функция sayThanks выполняется при клике на элемент с id="elem".
Как можно сделать тоже самое с классом? То есть мне нужно выполнять функцию при клике на любой элемент с определенным классом.

Comments

[Андрей]

Может есть смысл тот же jQuery подключить и пользоваться богатым функционалом, и не мучиться?

Answer 1

[Nwton]

На чистом js только так.
https://jsfiddle.net/tkj402L6/

Comments

[Владимир]

Я б за такое увольнял

[Владимир]

Вешаете обработчик он клик на боди, внутри у таргета проверяете класс.

[Владимир]

MaxKorz: Почитай БП.

[Владимир]

MaxKorz: Если вам нужно повесить обработчик на два элемента на странице по классу, то выбираете элементы по классу и добавляете, но если таких элементов десяток, вы завалите браузер. Все гайды по быстрому яваскрипт пишут, если нужно поставить листенеры на 10 элементов, ставьте один на окружающий их div и внутри фильруйте по классу.

Если покопаться в нутрянке функции on из jquery, то именно так она и делает.

[Владимир]

MaxKorz: Вы скрин показываете с одним кодом, а в jsbin другой

[Nwton]

Владимир: парень попросил словить клик по классу, а не по родителю. Вопрос оптимизации не стоял. Мы не знаем, какие у него стоят задачи. Может он для интереса спросил. Ни ваш, ни мой вариант не являются ИДЕАЛЬНЫМИ и верными для всех случае.

[Владимир]

MaxKorz: Покопайте как работает вот эта вот конструкция
$('body').on('click', '.div', function() {
var $this = $(this);
})
Из вашего jsbin

Answer 2

[Владимир]

Обработчик вешаете на боди или на общий контейнер элементо с классом. Внутри проверяете класс таргет элемента