Beispiel
Bringen Sie ein Klick - Ereignis auf das <p> Element:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Versuch es selber " Definition und Verwendung
Die on() Methode legt einen oder mehrere Event - Handler für die ausgewählten Elemente und untergeordneten Elemente.
Ab jQuery - Version 1.7, die on() ist Methode der neue Ersatz für die bind(), live() und delegate() Methoden. Dieses Verfahren bringt eine Menge Konsistenz an die API, und wir empfehlen, dass Sie diese Methode verwenden, da es die jQuery-Code-Basis vereinfacht.
Hinweis: Event - Handler angebracht , um die Verwendung von on() Methode funktioniert für beide aktuelle und zukünftige Elemente (wie ein neues Element durch ein Skript erstellt).
Tipp: Um die Event - Handler, verwenden Sie das Entfernen off() Methode.
Tipp: Um ein Ereignis zu befestigen , die nur einmal ausgeführt wird und dann entfernt sich selbst, verwenden Sie das one() Methode.
Syntax
$(selector).on(event,childSelector,data,function,map)
| Parameter | Beschreibung |
|---|---|
| event | Erforderlich. Gibt eine oder mehrere event(s) oder Namespaces auf die ausgewählten Elemente zu befestigen. Mehrere Ereignis-Werte werden durch Leerzeichen getrennt. Muss ein gültiges Ereignis sein |
| childSelector | Optional. Gibt an, dass der Event - Handler nur auf die angegebenen untergeordneten Elemente (und nicht die Wähler selbst, wie die veralteten angebracht werden sollte delegate() Methode). |
| data | Optional. Gibt zusätzliche Daten zusammen, um die Funktion zu übergeben |
| function | Erforderlich. Gibt die Funktion ausgeführt wird, wenn das Ereignis eintritt |
| map | Gibt eine Ereigniskarte ( {event:function, event:function, ...}) ein oder mehrere Ereignis enthält , an die ausgewählten Elemente zu befestigen, und Funktionen ausgeführt werden, wenn die Ereignisse eintreten |
Probieren Sie es selbst - Beispiele
Der Wechsel von bind () zu on()
So verwenden Sie on() die gleiche Wirkung wie zu erreichen , bind() .
Der Wechsel von Delegierten () auf on()
So verwenden Sie on() die gleiche Wirkung wie zu erreichen delegate() .
Der Wechsel von Live () auf on()
So verwenden Sie on() die gleiche Wirkung wie zu erreichen live() .
Bringen Sie mehrere Ereignisse
Wie mehrere Ereignisse zu einem Element zu befestigen.
Bringen Sie Handler mehrere Ereignis mit Hilfe der Kartenparameter
Wie mehrere Event-Handler auf die ausgewählten Elemente mit Hilfe der Kartenparameter zu befestigen.
Bringen Sie ein benutzerdefiniertes Ereignis an einem Element
Wie ein individuelles Namensraum Ereignis an einem Element zu befestigen.
Pass entlang Daten an die Funktion
Wie man an Daten an die Funktion übergeben.
In Event - Handler für zukünftige Elemente
Zeigen Sie, dass die on() Methode auch für Elemente funktioniert noch nicht erstellt.
Entfernen Sie einen Event - Handler
Wie ein Event - Handler mit dem entfernen off() Methode.