Что производительнее: addEventListener или onclick?

Question

[ReaL_HarDCorE]

Всем привет! У меня задача навешать листенеры клика на огромное количество элементов, делегирование и jQuery использовать нельзя по некоторым причинам. addEventListener работает, но при большом количестве листенеров страница будет подвисать. Решит ли проблему явно указанный атрибут в элементе "onclick", или он работает аналогично первому варианту?
Я имею ввиду не так:
element.onclick = function () { }
А так:
<div onclick="do_smth();"></div>
Спасибо!

Comments

[Lynn «Кофеман»]

Ну будет у вас процесс зависать на парсинге html. Браузер же как должен превратить `onclick="do_smth();"` в обрабочик события.

Всё-таки непонятны причины не использовать делегирование. Без него как не извращайтесь браузеру всё равно придётся выполнить кучу бесполезной работы.

[Lynn «Кофеман»]

У нас проводились такие тесты, без атрибута onclick DOM строился на порядок быстрее (конечно это верно не для парочки onclick-ов, а для сотен)

Answer 1

[Александр Таратин]

на огромное количество элементов

Вешайте на родителя, а исходный элемент получайте из события.

Answer 2

[M-ka]

В отношении скорости хз, не заморачивался, а вообще у меня был написан мегакомбайн по работе с addEventListener, который умел как ставить, так и удалять, так еще ставить единожды, если один и тот же элемент и прежний обработчик....
Почти все ставлю через него, все кейапы, блюры, клики. Но некоторые клики пишу при сборке кнопок (когда надо независимый модуль без привязки к установщику событий). Каждый элемент имеет минимум 2 события, а для мобильных устройств еще больше, т.к. добавляются тачи... Замечу, что именно добавляются, а не подменяются на тачи.
Отлично работает, тормозов нет, значит проблема в архитектуре установщика.