Obtener las coordenadas X, Y del mouse dentro del cuadro - Trucos CSS

El siguiente código le dará las coordenadas X, Y de un clic del mouse dentro de un cuadro dado. Al eliminar todas las cosas sobre el desplazamiento, puede obtener fácilmente las coordenadas X, Y del clic en relación con la ventana del 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); )); ));