Garantizando el evento onmouseout para disparar

Question

Actualmente estoy desarrollando una aplicación web y me he encontrado con un pequeño problema. Estoy usando ExtJS, pero creo que esta es una pregunta general de JS.

Cuando el cursor entra en un elemento HTML, el evento onmouseover se activa, cuando el cursor deja ese elemento, se activa onmouseout. Hasta aquí todo bien. Lamentablemente, parece que uno no puede confiar plenamente en este comportamiento. Los movimientos muy rápidos del mouse pueden provocar que el evento no se dispare (como lo hace el reposicionamiento del cursor con una pen tablet, por ejemplo).

¿Cuáles son las mejores prácticas para manejar estos problemas? ¿Debo controlar todos los eventos onmousemove y controlar manualmente dónde estaba el cursor por última vez y disparar el evento onmouseout apropiado?

Answer 1

Este es un problema común, y no es trivial para resolver. Es básicamente imposible de resolver tratando de manejar mouseover/out en el nivel de elemento individual. Con Ext JS, generalmente es recomendable usar el manejo delegado de eventos cuando sea posible, lo que también puede ayudar a monitorear eventos de mouse. Por ejemplo, monitoree el mouseover/out al nivel más alto posible, y verifique el objetivo del evento y/o el objetivo relacionado (propiedades del objeto del evento pasado a su función de manejo) para descubrir qué elementos están involucrados durante un evento dado (lo he hecho esto mismo - puede ser complicado, pero es efectivo). Si su caso de uso está monitoreando escenarios de arrastrar/soltar válidos, las clases DragZone y DropZone fueron diseñadas para hacer esto.

Si puede completar algunos detalles más sobre lo que intenta lograr, podría ser útil.

Answer 2

He tenido un problema similar anteriormente y he usado this technique. Es posible que esto no ayude en las situaciones en las que se cambia el cursor de una tableta digitalizadora, no tengo una para verificar que sí, pero puede suponer que se trata de una anomalía si se dirige a usuarios normales de la web. Avíseme si funciona, de lo contrario, veré si puedo ayudar más.

Martyn