Obtener las coordenadas X, Y del mouse dentro del cuadro | Programar Plus

El siguiente código le dará las coordenadas X, Y de un clic del mouse dentro de un cuadro dado. Eliminando todo lo relacionado con 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);

});
});

Ejemplo

Haga clic en el cuadro de abajo