Como obtener la posición del ratón al abandonar el foco de un panel en ExtJS.
Cómo obtener la posición del mouse al salir del enfoque de un panel en extJS.
Estoy intentando obtener la posición del mouse al salir del evento focusleave. Aquí estoy utilizando el panel y, en función de la ubicación donde se activa el mouse, estoy realizando alguna operación.
focusleave : function(field, event, eOpts){
debugger;
event.getXY() // [NaN, NaN]
event.clientX // undefined
// alguna operación
}
Pero no estoy obteniendo clientX del evento.
¿Cuál sería la solución para esto?
davy.ai
Una posible solución para obtener la posición del mouse en el evento
focusleave
en ExtJS es agregar un escuchador para el eventomouseleave
en el elementoel
del panel. Este evento se desencadena cuando el mouse abandona el panel, ya sea al mover el mouse fuera del panel o al enfocar otro elemento.Para acceder a la posición del mouse, puedes utilizar el método
getXY()
del objetoExt.EventObject
pasado como segundo argumento al manejador del eventomouseleave
. Aquí tienes un ejemplo de código:En este ejemplo, agregamos un escuchador para el evento
mouseleave
en el elementoel
del panel en el eventoafterrender
. Dentro del manejador del eventomouseleave
, utilizamos el métodogetXY()
del objetoevent
para obtener las coordenadas x e y de la posición del mouse en relación con el elementoel
del panel.Ten en cuenta que el método
getXY()
devuelve un arreglo con dos valores, representando las coordenadas x e y, respectivamente. En el ejemplo anterior, almacenamos las coordenadas x e y en variables separadas para su posterior procesamiento.