Saltar al contenido

jQuery múltiples eventos para activar la misma función

Solución:

Puedes usar .on() para vincular una función a varios eventos:

$('#element').on('keyup keypress blur change', function(e) {
    // e.type is the type of event fired
});

O simplemente pase la función como parámetro a las funciones de eventos normales:

var myFunction = function() {
   ...
}

$('#element')
    .keyup(myFunction)
    .keypress(myFunction)
    .blur(myFunction)
    .change(myFunction)

A partir de jQuery 1.7, el .on() es el método preferido para adjuntar controladores de eventos a un documento. Para versiones anteriores, el .bind() El método se utiliza para adjuntar un controlador de eventos directamente a los elementos.

$(document).on('mouseover mouseout',".brand", function () {
  $(".star").toggleClass("hovered");
})

Estaba buscando una forma de obtener el tipo de evento cuando jQuery escucha varios eventos a la vez y Google me puso aquí.

Entonces, para aquellos interesados, event.type es mi respuesta:

$('#element').on('keyup keypress blur change', function(event) {
    alert(event.type); // keyup OR keypress OR blur OR change
});

Más información en jQuery doc.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *