¿Cómo declaro objeto de evento con el evento onclick con Javascript (no html)?

Aquí está mi código:

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");
}

Necesito para definir el evento onclick en JavaScript, no en HTML. Ahora en HTML, es fácil-sólo tiene que pasar evento como un argumento a la función y, voila, objeto de evento en JavaScript, Pero hacerlo todo desde cero, todos en JavaScript, sin HTML, es un reto para mí. Cuando la referencia se llama a la función, que se supone para registrar el identificador del elemento y el ratón, haga clic en x e y las coordenadas de el evento onclick.

¿Cómo puedo pasar un evento onclick, de tal manera que el objeto de evento es válido en tiempo de ejecución?

Gracias.

InformationsquelleAutor user717236 | 2011-10-07

3 Kommentare

  1. 5

    Aquí un ejemplo de violín.

    image.onclick = function(e) { 
        e = e || window.event;
        RecordMouseClick(e, image.id); 
    };
    • Muchas gracias por su ayuda. Agradezco el enlace y la solución.
    • Gracias. He actualizado el violín a la dirección de firefox clientX frente a x para el evento click de coordenadas.

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea