Последние учебники веб-разработки
 

jQuery on() Method

<Методы Event Jquery

пример

Приложить событие щелчка к <p> элемента:

$("p").on("click", function(){
    alert("The paragraph was clicked.");
});
Попробуй сам "

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

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

По состоянию на JQuery версии 1.7, то on() метод является новая замена для bind(), live() и delegate() методы. Этот метод приносит много консистенции к API, и мы рекомендуем использовать этот метод, поскольку это упрощает базу кода JQuery.

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

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

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


Синтаксис

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

параметр Описание
event Необходимые. Задает один или несколько event(s) или пространств имен , чтобы прикрепить к выбранным элементам.

Несколько значений событий разделяются пробелом. Должно быть действительным событием
childSelector Необязательный. Указывает , что обработчик событий должен быть прикреплен только к указанным дочерним элементам (а не Селектор себя, как устаревший delegate() метод).
data Необязательный. Задает дополнительные данные, чтобы передать функции
function Необходимые. Задает функцию для запуска при наступлении события
map Задает отображение события ( {event:function, event:function, ...}) , содержащий один или несколько событие , чтобы прикрепить к выбранным элементам, и функции для запуска при возникновении события

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

Переход от bind() до on()
Как использовать on() , чтобы достичь того же эффекта , как bind() .

Переход от delegate() до on()
Как использовать on() , чтобы достичь того же эффекта , как delegate() .

Переход от live() , чтобы on()
Как использовать on() , чтобы достичь того же эффекта , как в live() .

Приложить несколько событий
Как прикрепить несколько событий к элементу.

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

Приложить пользовательское событие на элементе
Как присоединить настроенную событие пространства имен на элемент.

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

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

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


<Методы Event Jquery