Obter coordenadas X, Y do mouse dentro da caixa - CSS-Tricks

O código a seguir fornecerá as coordenadas X, Y de um clique do mouse em uma determinada caixa. Removendo tudo sobre o deslocamento, você pode obter facilmente as coordenadas X, Y do clique em relação à janela do navegador.

$(function() ( $("#demo-box").click(function(e) ( var offset = $(this).offset(); var relativeX = (e.pageX - offset.left); var relativeY = (e.pageY - offset.top); alert("X: " + relativeX + " Y: " + relativeY); )); ));