jQuery on() Methode
Voorbeeld
Voeg een klikgebeurtenis toe aan het <p>-element:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Definitie en gebruik
De methode on() koppelt een of meer gebeurtenishandlers aan de geselecteerde elementen en onderliggende elementen.
Vanaf jQuery versie 1.7 is de methode on() de nieuwe vervanging voor de methoden bind(), live() en delegate(). Deze methode zorgt voor veel consistentie in de API en we raden u aan deze methode te gebruiken, omdat het de jQuery-codebasis vereenvoudigt.
Opmerking: Event-handlers die zijn gekoppeld met de methode on() werken voor zowel huidige als FUTURE-elementen (zoals een nieuw element dat door een script is gemaakt).
Tip: Gebruik de methode off() om gebeurtenishandlers te verwijderen .
Tip: Gebruik de methode one() om een gebeurtenis toe te voegen die maar één keer wordt uitgevoerd en zichzelf vervolgens verwijdert .
Syntaxis
$(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 |
Probeer het zelf - Voorbeelden
koppelen Hoe u meerdere gebeurtenissen aan een element kunt koppelen.
Hoe koppelt u meerdere gebeurtenishandlers aan de geselecteerde elementen met behulp van de kaartparameter.
koppelen Hoe u een aangepaste naamruimtegebeurtenis aan een element kunt koppelen.
Hoe gegevens doorgeven aan de functie.
Laat zien dat de methode on() ook werkt voor elementen die nog niet zijn gemaakt.
verwijderen Een gebeurtenishandler verwijderen met de methode off().