Question

I can track mouse coordinates dynamically with this

$(document).ready(function()
{
  $().mousemove(function(e)
{
 $('p').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);
});
});    

With this, the numbers change on each mouse move dynamically. What I want to do is to save all coordinates. It should save it onbeforeunload. How to save all numbers ? I am thinking of append an iframe onbeforeunload like

save.php?coords=162×412-143×716-678×12

How can I do this ?

Answer 1

Try something like this

var moves = [];
$().mousemove(function(e){
    moves.push(e.pageX + "x" + e.pageY) 
});

then

window.onbeforeunload = function() {
    $.post( your_url , moves.join('-'));
}