Метод jQuery on()
Пример
Прикрепите событие клика к элементу <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)
| Parameter | Description |
|---|---|
| event | Required. Specifies one or more event(s) or namespaces to attach to the selected elements. Multiple event values are separated by space. Must be a valid event |
| childSelector | Optional. Specifies that the event handler should only be attached to the specified child elements (and not the selector itself, like the deprecated delegate() method). |
| data | Optional. Specifies additional data to pass along to the function |
| function | Required. Specifies the function to run when the event occurs |
| map | Specifies an event map ({event:function, event:function, ...}) containing one or more event to attach to the selected elements, and functions to run when the events occur |
Попробуйте сами - примеры
Как прикрепить несколько событий к элементу.
Как прикрепить несколько обработчиков событий к выбранным элементам с помощью параметра карты.
Как прикрепить пользовательское событие пространства имен к элементу.
Как передать данные в функцию.
. Покажите, что метод on() работает и для еще не созданных элементов.
Как удалить обработчик событий с помощью метода off().