usar react onmouseleave onmouseenter mouseenter como javascript html javascript-events

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