Что такое делегация События DOM?

Делегирование событий dom чем-то отличается от определения информатики.

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

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

Обычно говорят: используйте делегирование как альтернативу наследованию. Наследование - хорошая стратегия, когда между родительским и дочерним объектами существуют тесные отношения, однако наследование очень тесно связывает объекты. Часто делегирование - более гибкий способ выразить отношения между классами.

Этот шаблон также известен как «цепочки прокси». Несколько других шаблонов проектирования используют делегирование - от него зависят шаблоны состояния, стратегии и посетителя.

Делегат в C # похож на указатель на функцию в C или C ++. Использование делегата позволяет программисту инкапсулировать ссылку на метод внутри объекта делегата. Затем объект делегата может быть передан в код, который может вызвать указанный метод, без необходимости знать во время компиляции, какой метод будет вызван.

См. Эту ссылку -> http://www.akadia.com/services/dotnet_delegates_and_events.html

Делегирование событий DOM - это механизм ответа на пользовательские события через одного общего родителя, а не через каждого потомка, посредством магии «всплытия» события (также известного как распространение события).

Когда событие запускается на элементе, происходит следующее :

Событие отправляется его цели EventTarget и любые прослушиватели событий найдены там срабатывают. Пузырьки события будут запускать любые дополнительные прослушиватели событий найдены после родителя EventTarget цепочка вверх , проверка любого события слушателей зарегистрировались на каждый последующий EventTarget. Это вверх распространение будет продолжаться до и включая документ .

восходящая маршрутизация событий обеспечивает основу для делегирования событий в браузерах. Теперь вы можете привязать обработчик событий к единственному родительскому элементу, и этот обработчик будет выполняться всякий раз, когда событие происходит на любом из его дочерних узлов (и, в свою очередь, на любом из их дочерних узлов). Это делегирование события. Вот пример этого на практике:

<ul onclick="alert(event.type + '!')">
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>

В этом примере, если бы вы щелкнули по любому из дочерних

var newLi = document.createElement('li');
newLi.innerHTML = 'Four';
myUL.appendChild(newLi);