Método jQuery on()
❮ Métodos de eventos de jQuery
Ejemplo
Adjunte un evento de clic al elemento <p>:
$("p").on("click", function(){
alert("The paragraph was clicked.");
});
Definición y uso
El método on() adjunta 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, el método on() es el nuevo reemplazo de los métodos bind(), live() y delegado(). Este método brinda mucha consistencia a la API y le recomendamos que lo use, ya que simplifica la base del código jQuery.
Nota: Los controladores de eventos adjuntos mediante el método on() funcionarán tanto para los elementos actuales como para los FUTUROS (como un nuevo elemento creado por un script).
Sugerencia: para eliminar controladores de eventos, use el método off() .
Sugerencia: para adjuntar un evento que solo se ejecuta una vez y luego se elimina solo, use el método one() .
Sintaxis
$(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 |
Pruébelo usted mismo - Ejemplos
Cómo adjuntar múltiples eventos a un elemento.
de mapa Cómo adjuntar múltiples controladores de eventos a los elementos seleccionados usando el parámetro de mapa.
Cómo adjuntar un evento de espacio de nombres personalizado en un elemento.
Cómo pasar datos a la función.
. Demuestre que el método on() también funciona para elementos que aún no se han creado.
Cómo eliminar un controlador de eventos usando el método off().
❮ Métodos de eventos de jQuery