How to get mouse position on focusleave of panel in extJS

Question

How to get mouse position on focusleave of panel in extJS.

I am trying to get mouse position on focusleave event. Here I am using panel and based on the location of mouse trigger i am doing some operation.

focusleave : function(field,event, eOpts){
                    debugger;
    event.getXY() // [NaN,NaN]
    event.clientX // undefined
    
    // some operation
 }

But I am not getting clientX from event.

What will be the solution for this.

Answer 1

You can't get mouse position directly from a focusleave event, only pointer events provide that information.

You can achieve what you want using JavaScript, by registering a pointermove listener, and store the mouse position in a variable at global scope. After that you can access this global variable from focusleave listener.

window.addEventListener("pointermove", function(e) {
   // these should be variables declared at global scope
   currentPageX = e.PageX;
   currentPageY = e.PageY;
});