jQuery on() Methode
Beispiel
Hängen Sie ein Click-Ereignis an das <p>-Element an:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Definition und Verwendung
Die Methode on() fügt einen oder mehrere Event-Handler für die ausgewählten Elemente und untergeordneten Elemente an.
Ab jQuery Version 1.7 ist die Methode on() der neue Ersatz für die Methoden bind(), live() und Delegate(). Diese Methode bringt viel Konsistenz in die API, und wir empfehlen Ihnen, diese Methode zu verwenden, da sie die jQuery-Codebasis vereinfacht.
Hinweis: Event-Handler, die mit der Methode on() angehängt wurden, funktionieren sowohl für aktuelle als auch für ZUKÜNFTIGE Elemente (wie ein neues Element, das von einem Skript erstellt wurde).
Tipp: Verwenden Sie zum Entfernen von Ereignishandlern die Methode off() .
Tipp: Um ein Ereignis anzuhängen, das nur einmal ausgeführt wird und sich dann selbst entfernt, verwenden Sie die Methode one() .
Syntax
$(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 |
Probieren Sie es selbst aus - Beispiele
anhängen So hängen Sie mehrere Ereignisse an ein Element an.
So hängen Sie mehrere Event-Handler mithilfe des map-Parameters an die ausgewählten Elemente an.
So hängen Sie ein benutzerdefiniertes Namespace-Ereignis an ein Element an.
übergeben So übergeben Sie Daten an die Funktion.
Zeigen Sie, dass die Methode on() auch für noch nicht erstellte Elemente funktioniert.
So entfernen Sie einen Event-Handler mit der Methode off().