Metoda jQuery on()
Przykład
Dołącz zdarzenie kliknięcia do elementu <p>:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Definicja i użycie
Metoda on() dołącza jeden lub więcej programów obsługi zdarzeń dla wybranych elementów i elementów podrzędnych.
Od wersji jQuery 1.7 metoda on() jest nowym zamiennikiem metod bind(), live() i delegate(). Ta metoda zapewnia dużą spójność interfejsowi API i zalecamy korzystanie z tej metody, ponieważ upraszcza ona bazę kodu jQuery.
Uwaga: Programy obsługi zdarzeń dołączone przy użyciu metody on() będą działać zarówno dla elementów bieżących, jak i FUTURE (tak jak nowy element utworzony przez skrypt).
Wskazówka: Aby usunąć programy obsługi zdarzeń, użyj metody off() .
Wskazówka: aby dołączyć zdarzenie, które działa tylko raz, a następnie samo się usuwa, użyj metody one() .
Składnia
$(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 |
Spróbuj sam - przykłady
Jak dołączyć wiele zdarzeń do elementu.
Jak dołączyć wiele programów obsługi zdarzeń do wybranych elementów za pomocą parametru map.
Jak dołączyć zdarzenie niestandardowej przestrzeni nazw do elementu.
Jak przekazać dane do funkcji.
Pokaż, że metoda on() działa również w przypadku elementów, które nie zostały jeszcze utworzone.
Jak usunąć procedurę obsługi zdarzeń przy użyciu metody off().