Przykład
Dołączanie zdarzenie click do <p> element:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Spróbuj sam " Definicja i Wykorzystanie
on() Sposób przykłada jeden lub więcej programów obsługi zdarzeń dla wybranych elementów i elementów podrzędnych.
Począwszy od wersji 1.7 jQuery, The on() metoda jest nowy zamiennik dla bind(), live() oraz delegate() metody. Metoda ta przynosi wiele konsystencji do API i radzimy korzystać z tej metody, ponieważ upraszcza bazę kodu jQuery.
Uwaga: Procedury obsługi zdarzeń przymocowane za pomocą on() metoda będzie działać zarówno dla obecnych i przyszłych elementów (takich jak nowy element utworzony przez skrypt).
Wskazówka: Aby usunąć obsługi zdarzeń, należy off() metody.
Wskazówka: Aby dołączyć zdarzenie, które działa tylko raz, a następnie usuwa się, użyj one() metody.
Składnia
$(selector).on(event,childSelector,data,function,map)
| Parametr | Opis |
|---|---|
| event | Wymagany. Określa jedną lub więcej event(s) lub przestrzeni nazw, aby dołączyć do wybranych elementów. Wiele wartości zdarzeń są oddzielone spacją. Musi być ważne wydarzenie |
| childSelector | Opcjonalny. Określa, że procedura obsługi zdarzenia powinny być przyłączone wyłącznie do określonych elementów potomnych (a nie selektora się, jak nieaktualnych delegate() metoda). |
| data | Opcjonalny. Określa dodatkowe dane, aby przejść do funkcji |
| function | Wymagany. Określa funkcję uruchomić, gdy wystąpi zdarzenie |
| map | Określa map zdarzeń ( {event:function, event:function, ...}) zawierające jedną lub więcej zdarzenie, aby dołączyć do wybranych elementów i funkcji, aby uruchomić w przypadku wystąpienia zdarzenia |
Spróbuj sam - przykłady
Zmiana z bind() na on()
Jak używać on() aby uzyskać taki sam efekt jak bind() .
Zmiana z delegate() na on()
Jak używać on() aby uzyskać taki sam efekt jak delegate() .
Zmiana z live() na on()
Jak używać on() aby uzyskać taki sam efekt jak live() .
Dołączyć wiele zdarzeń
Jak dołączyć wiele zdarzeń do elementu.
Dołączanie wielu obsługi zdarzeń za pomocą parametru mapę
Jak dołączyć wiele programów obsługi zdarzeń do wybranych elementów za pomocą parametru mapy.
Dołączanie niestandardowego zdarzenia na elemencie
Jak dołączyć niestandardową imprezę namespace na elemencie.
Przejść dane do funkcji
Jak przejść dane do funkcji.
Dodaj obsługi zdarzeń dla przyszłych elementów
Pokaż, że on() metoda działa również na elementy nie zostały jeszcze utworzone.
Usuwanie programu obsługi zdarzeń
Jak usunąć obsługi zdarzeń za pomocą off() metody.