jQuery on() Metodo
Esempio
Allega un evento click all'elemento <p>:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Definizione e utilizzo
Il metodo on() collega uno o più gestori di eventi per gli elementi selezionati e gli elementi figlio.
A partire dalla versione 1.7 di jQuery, il metodo on() è il nuovo sostituto dei metodi bind(), live() e delegate(). Questo metodo apporta molta coerenza all'API e ti consigliamo di utilizzare questo metodo, poiché semplifica la base di codice jQuery.
Nota: i gestori di eventi collegati utilizzando il metodo on() funzioneranno sia per gli elementi correnti che per quelli FUTURI (come un nuovo elemento creato da uno script).
Suggerimento: per rimuovere i gestori di eventi, utilizzare il metodo off() .
Suggerimento: per allegare un evento che viene eseguito solo una volta e poi si rimuove da solo, utilizzare il metodo one() .
Sintassi
$(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 |
Provalo tu stesso - Esempi
Come allegare più eventi a un elemento.
Come collegare più gestori di eventi agli elementi selezionati utilizzando il parametro map.
Come allegare un evento dello spazio dei nomi personalizzato su un elemento.
Come trasferire i dati alla funzione.
Mostra che il metodo on() funziona anche per elementi non ancora creati.
di eventi Come rimuovere un gestore di eventi utilizzando il metodo off().