JavaScript. Подробное руководство, 6-е издание, стр. 310

В разделе 19.6.4 вы узнаете, что методы поддержки архитектуры Ajax в библиотеке jQuery аналогичным образом рассылают широковещательные события заинтересованным приемникам.

19.4.8. Динамические события

Метод

связывает обработчики событий с конкретными элементами документа, подобно методам и (глава 17). Но веб-приложения, использующие библиотеку jQuery, часто создают новые элементы динамически. Если мы воспользуемся методом для привязки обработчика событий ко всем элементам имеющимся в документе, и затем создадим новые элементы эти новые элементы не будут иметь обработчиков событий, которые были в старых элементах, и будут вести себя иначе.

В библиотеке jQuery эта проблема решается с помощью «динамических событий». Чтобы задействовать динамические события, вместо методов

и следует использовать методы и

Обычно метод

вызывается относительно и ему передаются строка селектора, строка с типом события и функция обработчика, а он регистрирует внутренний обработчик в объекте документа или окна (или в любом другом элементе, находящемся в объекте ). Когда событие указанного типа всплывет до этого внутреннего обработчика, он выяснит, соответствует ли целевой элемент события (элемент, в котором оно возникло) строке селектора, и вызовет указанную функцию обработчика. То есть, чтобы обеспечить обработку события «mouseover» и в старых, и во вновь созданных элементах можно зарегистрировать обработчик, как показано ниже:

Или сначала применить метод

к статической части документа, а затем с помощью метода обработать динамически изменяемую часть:

Подобно тому, как метод

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

Важно понимать, что динамические события основаны на механизме всплытия. К тому моменту, когда оно всплывет до объекта документа, оно может пройти через множество статических обработчиков. А если какой-либо из этих обработчиков вызовет метод

объекта , динамический обработчик так и не будет вызван.

Объект

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

Когда вызывается метод

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

Для удаления динамических обработчиков событий используются методы

и Метод может вызываться с одним или с двумя аргументами. Если методу передать единственный аргумент, определяющий тип события, он удалит все динамические обработчики событий, соответствующие селектору и типу событий. А если передать тип события и функцию обработчика, он удалит только указанный обработчик. Например: