Что лучше делегирование или onclik на каждый элемент? - в плане производительственности

@hapr-lera · Регистрация: 02.05.2018

Студворк — интернет-сервис помощи студентам

Собственно кто в курсе?

Например в случае когда требуется защита от считывания спам-ботами адреса email на сайте.
Лучше на body кинуть одно событие или на каждый тег <a> поставить onclik? Тегов <a> с email может быть допустим от 0 до 5 на сайт.

И второй пример тут уже вместо body <ul>. Где элементов с onclik может быть от 1 до 100?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<ul>
  <li>
    <div onclik="" >
      <span> </span> 
      <span> </span>
    </div>
    <div></div>
    <div></div>
    <div></div>
  </li>
  <li>
    <div onclik="" >
      <span> </span> 
      <span> </span>
    </div>
    <div></div>
    <div></div>
    <div></div>
  </li>
  <li>
    <div onclik="" >
      <span> </span> 
      <span> </span>
    </div>
    <div></div>
    <div></div>
    <div></div>
  </li>
……
</ul>

Qwerty_Wasd · 01.02.2019, 18:29

Сообщение от hapr-lera

Что лучше делегирование или onclik на каждый элемент?

лучше addEventListener(), и смотря когда и где.... Но если тонкости не превалируют --- у событий есть очередь, каждое событие при этом это функциональный объект, тоже ресурсы нужны. Дальше уже можно не перечислять. Что лучше один обработчик в очереди и одна сущность в стеке, или сотня таких?

@hapr-lera · 01.02.2019, 18:43 **[ТС]**

Сообщение от Qwerty_Wasd

лучше addEventListener(), и смотря когда и где.... Но если тонкости не превалируют --- у событий есть очередь, каждое событие при этом это функциональный объект, тоже ресурсы нужны. Дальше уже можно не перечислять. Что лучше один обработчик в очереди и одна сущность в стеке, или сотня таких?

Если так то со вторым примером вопросов больше нет.
А что насчет: если вешать на body событие и отлавливать пару <a> во всем документе? В этом случае по идеи ведь лучше на каждый через onclik, чем каждый клик в браузере отлавливать? Или все же лучше иметь один обработчик всех одиночных кликов - не сгрупированых?

Я этим вопросом заинтересовался в связи с тем, что когда смотрел сайты то у всех новых вообще по моему все события идут через делегирования и тем самым через общий обработчик. И стало интересно это изо фреймворков или так будет действительно более правильным...

Qwerty_Wasd · 01.02.2019, 18:54

hapr-lera, когда у Вас страничка для поиграться, пример кому-то составить, быстро себе алгоритм отработать\потестить - тогда можно не заморачиваться в принципе этим вопросом. Но не тогда, когда за код Вам платят.
И заметьте, я написал -

Сообщение от Qwerty_Wasd

смотря когда и где

Бывает, ну так реализован уже обработчик, что не воткнуть лишний функционал. Можно, но геморно. Зато нужные элементы уже собраны в массив, ну раз собраны, значит и обход где-то есть? Вот и лазейка, ну и пихните туда arr[i].addEventListener('событие', колбек). Конечно если длина массива позволяет такой финт ушами. Вы же не станете назначать и вправду целой сотне по обработчику? Лучше уж заморочнуться и поймать на всплытие, даже если геморно.

@hapr-lera · 01.02.2019, 20:01 **[ТС]**

Сообщение от Qwerty_Wasd

когда у Вас страничка для поиграться, пример кому-то составить, быстро себе алгоритм отработать\потестить - тогда можно не заморачиваться в принципе этим вопросом. Но не тогда, когда за код Вам платят.

Спасибо за объяснения.

Qwerty_Wasd · 02.02.2019, 03:43

Не по теме:

hapr-lera, не за что, чистого кода :)

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip	Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	1С: Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере документа выдачи шин для спецтехники с табличной частью. Данные берутся из регистра сведений, по которому настроено. . .
Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git	1С: Программный отбор элементов справочника по группе Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор по наименованию группы. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .

Qwerty_Wasd
	02.02.2019, 03:43
	Не по теме: hapr-lera, не за что, чистого кода :) 0

Что лучше делегирование или onclik на каждый элемент? - в плане производительственности

Решение