Stefan Link: Window-Event X und Y

Beitrag lesen

Hallo community,

auf SELFHTML findet man zu dem window.event.x und window.event.y ein hübsches Beispiel, wie man die Koordinaten von einem Mausklick relativ zum Elternobjekt auffangen kann:

<html><head><title>Test</title>
<script language="JScript">
function Coords()
 {
  alert("x = " + window.event.x + "/ y = " + window.event.y);
 }
</script>
</head><body>
<div style="position:absolute; left:10px; top:140px;
background-color:#FFFFE0">
<p onClick="Coords()">Klick mich</p>
</div>
</body></html>

Das Problem ist, dass wie im Kommentar auf SELFHTML beschrieben sich die Positionsangabe auf das absolute Elternelement, also das Window selbst bezieht. Wie bekomme ich das denn hin, dass sich der Klick bezogen auf das absolute Elternelement (hier also die <div>) bezieht?

Vielen Dank für Eure Hilfe!
Grüße
Stefan