Wie deklariere ich ein Ereignisobjekt mit onclick-Ereignis mit Javascript (nicht html)?

Question

Hier ist mein Code:

function testimage() {
  var image;

  image = new Image();

  with (image) {
    id = "page1";
    border = 0;
    name = "IllustGIF";
    useMap = "#MAP1";
    src = "sample.gif" + "?d=" + new Date();

    // The event argument here is invalid; it's to show what is the desired result.
    onclick = function() { RecordMouseClick(event, this.id); };
  }

  // attached to body tag
  document.getElementById("body_ID").appendChild(image);
}

function RecordMouseClick(event, id) {
  alert("id: " + id + ", and event object should contain mouse x- and y- coordinates clicked");
}

Ich muss das onclick-Ereignis in JavaScript definieren, nicht in HTML. In HTML ist das einfach - einfach das Ereignis als Argument an die Funktion übergeben und voila, ein Ereignisobjekt in JavaScript. Aber alles von Grund auf neu zu machen, alles in JavaScript, ohne HTML, ist eine Herausforderung für mich. Wenn die Referenzfunktion aufgerufen wird, soll sie die Element-ID und die x- und y-Koordinaten des Mausklicks aus dem onclick-Ereignis aufzeichnen.

Wie kann ich ein Ereignis an den onclick übergeben, so dass das Ereignisobjekt zur Laufzeit gültig ist?

Ich danke Ihnen.