mouseover/mouseenter no activado al desplazarse

Question

Tengo el elegante mouse de Apple que detecta movimientos de los dedos como "deslizar" y "desplazarse".

Dejando el cursor fijo en la pantalla, pero usando el dedo para desplazarse hacia abajo en mi página, el cursor (aunque fijo) se mueve naturalmente sobre diferentes elementos, porque los elementos se están moviendo ellos mismos.

Mi problema es que al hacer eso, las devoluciones de llamada mouseover/mouseenter apropiadas no se llaman cuando el cursor del mouse está directamente encima de ellas.

¿Cómo puedo resolver este problema?

Answer 1

La mayoría de los navegadores que he usado no activan los eventos del mouse cuando la página se desplaza. Puede intentar escuchar el evento onscroll y usar document.elementFromPoint para determinar qué elemento se ha movido debajo del cursor del mouse cuando se desencadena el evento onscroll.

Answer 2

No creo que pueda ... salvo tener una función que funcione con un temporizador para verificar la posición del mouse contra los elementos, pero el rendimiento alcanzado sería astronómico por decir lo menos. Probablemente debería presentar un informe de error con el fabricante del navegador y comprobar otros navegadores para ver si el comportamiento se repite. Supongo que lo hará porque no creo que ningún navegador active un mouseover/mouseenter si el mouse no se movió físicamente.

Answer 3

El método mousemove de Jquery es una buena solución aquí ya que se activa cuando el mouse se desplaza hacia un elemento mientras se desplaza, incluso mientras el mouse se ha mantenido estático.

Puede incluso trigger el evento del mouseenter en el mousemove, siempre que incluya algún tipo de indicador/estado para asegurarse de que el código del mouseenter no se ejecute repetidamente en mousemove.