jQuery on()Метод

jQuery 事件方法Методы событий jQuery

Примеры

Добавьте обработчик события click к элементу <p>:

$(document).ready(function(){ $("p").on("click",function(){ alert("По абзацу выполнен щелчок."); }); });

Попробуйте сами »

Определение и использование

Метод on() добавляет один или несколько обработчиков событий к выбранным элементам и их дочерним элементам.

Начиная с версии jQuery 1.7 метод on() является новой заменой методов bind(), live() и delegate(). Этот метод привносит множество удобств в API, и мы рекомендуем использовать его, так как он упрощает кодовую базу jQuery.

Примечание:Обработчики событий, добавленные с помощью метода on(), работают как для текущих, так и для будущих элементов (например, новых элементов, созданных скриптом).

Совет:Чтобы удалить обработчики событий, используйтеoff()метод.

Совет:Чтобы добавить событие, которое выполняется только один раз, а затем удалить его, используйтеone()метод.

Синтаксис

$(selector).on(event,childSelector,data,function)

Параметр Описание
event Обязательный. Задаёт одно или несколько событий или пространств имён, которые нужно прикрепить к выбранным элементам.

Несколько значений событий разделяются пробелами, либо это может быть массив. Событие должно быть допустимым.
childSelector Необязательно. Указывает, что обработчик события может быть добавлен только к указанным дочерним элементам (а не к самому селектору, как в устаревшем методе delegate()).
data Необязательный. Указывает дополнительные данные для передачи в функцию.
функция Необязательный. Указывает функцию, которая выполняется при возникновении события.

实例

Другие примеры

Замените bind() на on()
Как использовать on() для достижения того же эффекта, что и bind().

Замените delegate() на on()
Как использовать on() для достижения того же эффекта, что и delegate().

Замените live() на on()
Как использовать on() для достижения того же эффекта, что и live().

Добавление нескольких обработчиков событий
Как добавить несколько обработчиков событий к элементу.

Добавление нескольких обработчиков событий с помощью параметра map
Как добавить несколько обработчиков событий к выбранным элементам с помощью параметра map.

Добавление пользовательских событий к элементам
Как добавить пользовательские события с пространствами имён к элементам.

Передача данных функции
Как передать данные в функцию.

Добавление обработчиков событий к будущим элементам
Демонстрирует, что метод on() также работает для элементов, которые ещё не созданы.

Удаление обработчиков событий
Как использовать метод off() для удаления обработчиков событий.

jQuery 事件方法Методы событий jQuery

Другие расширения