X-, Y-Koordinaten der Maus innerhalb der Box abrufen

Der folgende Code gibt Ihnen die X, Y Koordinaten eines Mausklicks innerhalb eines bestimmten Bereichs. Wenn Sie alle Dinge bezüglich des Offsets entfernen, können Sie die X, Y Koordinaten des Klicks relativ zum Browserfenster leicht abrufen.

$(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);

});
});

Beispiel

Klicken Sie in den folgenden Bereich