Outbook

HTML+CSS+JS, Accesibilidad, PHP y más

Inicio que contiene a Desarrollo web que contiene a Javascript que contiene a Javascript: eventos mouseenter y mouseleave

Datos de búsqueda

Javascript: eventos mouseenter y mouseleave

Cuando estamos haciendo el típico menú desplegable por Javascript que despliega al pasar el puntero por encima de algún elemento puede ocurrir que se active el evento onmouseout sin que se salga del área que ocupa el elemento (cuando tiene más elementos dentro) sobre el que se hizo el onmouseover.

Pero ese problema tiene fácil solución.

Existen dos posibilidades:

  • Calcular las coordenadas que limitan el elemento en el espacio de la página y mediante el evento mousemove saber en que coordenadas está el puntero. Si las coordenadas del puntero dejan de coincidir dentro del área del elemento, se oculta el desplegable.
  • O también se pueden sustituir los eventos onmouseover y onmouseout por onmouseenter y onmouseleave.

Visto en Problems with jQuery mouseover / mouseout events (enlace externo, en inglés).

Comentarios del artículo

Los comentarios están cerrados.

Si el comentario no guarda relación con el tema del artículo o los comentarios previos, si la redacción del mismo es ilegible (estilo HOYGAN), o si contiene insultos u otros términos ofensivos, será borrado de inmediato. No se garantiza ningún soporte a los ejemplos de desarrollo web presentados en este sitio.

Hay un comentario a “Javascript: eventos mouseenter y mouseleave”

Sapiens83 dice:

Fecha de comentario: 2010/11/22 19:06

Gracias men me sacaste de un apuro, gracias por compartir tu conocimiento 8-D

Información del sitio