Ver Mensaje Individual
  #3 (permalink)  
Antiguo 04/07/2012, 04:10
ros0809
 
Fecha de Ingreso: julio-2011
Ubicación: Palma
Mensajes: 25
Antigüedad: 12 años, 9 meses
Puntos: 1
Respuesta: Diferencia entre mouseenter/mouseleave y mouseover/mouseout

Te pongo aquí la explicación que ví en un manual de jQuery, espero que te sirva de ayuda. Saludos!

Evento mouseenter: Se dispara cuando el mouse entra al control que está escuchando. Este evento se ejecuta sólo una vez, para que se vuelva a ejecutar debemos salir del control y volver a entrar.

Evento mouseleave: Se dispara cuando el mouse sale del control que está escuchando. Este evento se ejecuta sólo una vez, para que se vuelva a ejecutar debemos ingresar al control y volver a salir.

Son simples, entro y salgo de un control y sus respectivos eventos se disparan al momento en que sucede la acción, pero no es lo mismo para los siguientes:

Evento mouseover: Se dispara cuando el mouse se encuentra dentro del control que esta escuchando el evento, es decir, el puntero entra al control y se ejecuta, pero mientras el puntero este adentro del control y lo mueva se vuelve a ejecutar. Hay que destacar la diferencia con el evento mouseenter, ya que el ultimo solo se ejecuta una vez, en cambio el mouseover cuantas veces me mueva dentro del control.

Evento mouseout: Se dispara cuando el mouse sale del control que esta escuchando el evento. Pero es diferente al mouseleave, en este caso el evento se dispara si algún elemento hijo del mismo dispara el mouseout.