javascript - react - Diferencia entre onMouseOver y onMouseEnter
onmouseleave (3)
Estoy tratando de tener una tabla html simple, que resalta una fila cuando un usuario se mueve sobre ella. Desafortunadamente, el elemento css hover no funciona para IE. Eso me deja simularlo en javascript. Puedo usar onmouseenter
o onmouseover
.
¿Cuál es la diferencia entre ellos y cuál debo usar?
A diferencia del evento onmouseover, el evento onmouseenter no burbujea. En otras palabras, el evento onmouseenter no se dispara cuando el usuario mueve el puntero del mouse sobre los elementos contenidos en el objeto, mientras que onmouseover se dispara.
Yo siempre uso onmouseover. Uso onmouseover en el mismo propósito (resalta una fila).
En primer lugar, onmouseenter
es específico de IE. No funciona en otros navegadores a menos que use jQuery, que puede simulate este evento.
En segundo lugar, tanto onmouseenter
como onmouseover
onmouseenter
cuando el ratón entra en el límite de un elemento. Sin embargo, onmouseenter
no se dispara de nuevo (no burbujea) si el mouse ingresa un elemento secundario dentro de este primer elemento.
Puede ahorrarse algo de codificación simplemente agregando :hover
soporta el :hover
para todos los elementos en IE:
prueba csshover.htc