Problem mit Mauszeiger

[littleHtml Freak]

ich versuche gerade die Mausposition der Maus bei einem Klick auf ein Element zu bestimmen. Dazu habe ich schon vor einiger Zeit auf struppis Blog einen Eintrag gefunden. Es macht mir aber wieder Probleme die Koordinaten zu bekommen.

Das Script sieht zur Zeit so aus:

<div id="spielfeldHG" onclick="karteLegen(this)">

function karteLegen(e){
    console.log(e);
    console.log(mausPos(e));
}

von struppi:

function mausPos(e) {
    if(!e) e = window.event;
    var body = (window.document.compatMode && window.document.compatMode == "CSS1Compat") ? 
    window.document.documentElement : window.document.body;
    return {
    // Position im Dokument
    top: e.pageY ? e.pageY : e.clientY + body.scrollTop - body.clientTop,
    left: e.pageX ? e.pageX : e.clientX + body.scrollLeft  - body.clientLeft
 
    };
}

die Konsole spricht:

[21:47:59.879] [object HTMLDivElement]
[21:47:59.879] ({top:NaN, left:NaN})

Dazu sei gesagt dass ich die deklaration der variablen body nicht verstehe.
vielleicht kann jemand helfen?
gruß simon