Question

There are, as of now, 3,898 posts in StackOverflow regarding mouse click coordinates. They all cover everything on how to find the coordinates for the mouse …. in relation to an element.

Has anyone been able to implement a solution where, at any point of your processing, you can recall the coordinates of the very last mouse click?

I have tried everything and every solution for the last 8 hours or so but cannot come accross anything that can recall the last mouse click coordinates.

Apparently, you have to catch it right where you are processing $(‘…’).click(function(e){…});

How about if I sent the processing somewhere and, within that processing (a few nanoseconds later) I want to find out the coordinates of the last mouse click? How can I retrieve it outside an specific function?

EDIT:

Based on sdleihssirhc’s suggestion, I was able to implement a solution that is working for me:

On the main page I have created two divs (to avoid dealing with arrays and global variables):

<div id='mouseX' style='display:none; ' ></div>
<div id='mouseY' style='display:none; ' ></div>

On the main page within the script tags:

$('#wrapper').click(function(e) {
    var offset = $(this).offset();
    $('#mouseX').text(e.clientX - offset.left);
    $('#mouseY').text(e.clientY - offset.top);
});

Whenever needed, I can just:

var clickX = $('#mouseX').text();
var clickY = $('#mouseY').text();

Thank you!

Answer 1

You can set up a global array, for keeping track of coordinates (maybe in an object, whatever). Then you can add an event listener to the document, listening for click. Then it’s just a matter of logging the position.

Whenever you want to refer to the position during the last click, just refer to the appropriate element of your global array. (If your logging function unshifted instead of pushing, you could always just look at yourArray[0].)