Get mouse position when focus/blur events are fired?
You can only get mouse coordinates using mouse events. If you want to capture the position of the mouse, you can use a global mousemove
event listener, and store the coordinates in a set of variables, which can later be accessed by the focus
function. Example:
var pageX, pageY; //Declare these globally
$(window).mousemove(function(e){
pagex = e.pageX;
pageY = e.pageY;
});
$('input').focus(function(){
console.log(pageX, pageY); // These variables have been defined by the global
// mousemove event
});
If you're trying to get the position relative to the element, try something like this instead:
$("input").focus(function(e){
var relativeX = e.pageX - this.offsetLeft;
var relativeY = e.pageY - this.offsetTop;
});