Índice

Métodos o administradores de eventos avanzados

1. Unir un evento a un objeto (on)

on(evento, [selector], [datos], función)

Asigna el evento a un elemento determinado:

  • evento (cadena de caracteres): designa el evento asociado. Si se especifican varios eventos, se deben separar simplemente por un espacio.

  • selector (opcional): un filtro para seleccionar los hijos del elemento sobre el que se aplica el evento.

  • datos (opcional): datos que se le pueden proporcionar a la función. Su uso es poco frecuente.

  • función: el código que se ejecuta al producirse el evento.

$("button").on("click", function() {  
    alert($(this).text());  
}); 

o

function saludo(event) { 
    alert("Buenos días " + event.data.nombre); 
} 
$("boton").on("click", {nombre: "Carlos"}, saludo);

Este método devuelve un objeto jQuery.

El método off() elimina las acciones asociadas a un evento mediante el método on().

Los métodos on() y bind() (consulte Unir un evento a un objeto (bind) de este capítulo) son más potentes que los eventos específicos, como click() o mouseover(), que hemos visto anteriormente.

El método permite no solamente asignar uno o varios eventos a un objeto jQuery, en el que se ejecutará la función que se pasa como argumento, sino también pasar datos a esta función. De esta manera, un clic en un enlace o pasar el ratón por encima de una imagen puede ...