Ejemplo
Adjuntar un evento de clic a la <p> elemento:
$("p").on("click", function(){
alert("The
paragraph was
clicked.");
}); Inténtalo tú mismo " Definición y Uso
La on() método se conecta uno o más controladores de eventos para los elementos seleccionados y los elementos secundarios.
A partir de la versión 1.7 de jQuery, la on() método es el nuevo reemplazo para el bind(), live() y delegate() métodos. Este método aporta mucha consistencia a la API, y le recomendamos que utilice este método, ya que simplifica la base de código de jQuery.
Nota: Los controladores de eventos conecta a través del on() método funcionará para ambos elementos actuales y futuras (como un nuevo elemento creado por un guión).
Consejo: Para eliminar los controladores de eventos, utilice el off() método.
Consejo: Para adjuntar un evento que sólo se ejecuta una vez y luego se remueve a sí mismo, utilice el one() método.
Sintaxis
$(selector).on(event,childSelector,data,function,map)
| Parámetro | Descripción |
|---|---|
| event | Necesario. Especifica uno o más event(s) o espacios de nombres para unir a los elementos seleccionados. valores de eventos múltiples se separan por un espacio. Debe ser un evento válido |
| childSelector | Opcional. Especifica que el controlador de eventos sólo debe estar unido a los elementos secundarios directamente (y no el selector de sí mismo, al igual que el desuso delegate() método). |
| data | Opcional. Especifica los datos adicionales que pasan a lo largo de la función |
| function | Necesario. Especifica la función que se ejecute cuando se produce el evento |
| map | Especifica un mapa de eventos ( {event:function, event:function, ...}) que contiene uno o más eventos para unir a los elementos seleccionados, y las funciones que se ejecute cuando se producen los eventos |
Inténtelo usted mismo - Ejemplos
El cambio de bind() para on()
Cómo utilizar on() para lograr el mismo efecto que bind() .
El cambio de delegate() para on()
Modo de empleo on() para lograr el mismo efecto que el delegate() .
El cambio de live() para on()
Cómo utilizar on() para lograr el mismo efecto que live() .
Adjuntar varios eventos
Cómo adjuntar varios eventos a un elemento.
Adjuntar varios controladores de eventos utilizando el parámetro mapa
Cómo asociar varios controladores de eventos para los elementos seleccionados utilizando el parámetro de mapa.
Adjuntar un evento personalizado en un elemento
Cómo adjuntar un evento de espacio de nombres personalizado en un elemento.
Transmitir los datos a la función
Cómo pasar a lo largo de datos a la función.
Agregar controladores de eventos para los elementos futuros
Muestran que la on() método también funciona para los elementos aún no creadas.
Quitar un controlador de eventos
Cómo eliminar un controlador de eventos mediante el off() método.