Obtener coordenadas X/Y en el botón usando 'onclick' y JavaScript

Question

Soy un principiante de JavaScript y estoy buscando una forma de obtener las coordenadas xey en un botón cuando se hace clic. Esto funciona en Opera, IE9 y Chrome, pero no puedo hacer que funcione en Firefox. Aquí está mi código hasta ahora:

función en JavaScript:

function buttonClick(subEvent) 
{ 
    var mainEvent = subEvent ? subEvent : window.event; 

    alert("This button click occurred at: X(" + 
    mainEvent.screenX + ") and Y(" + mainEvent.screenY + ")"); 
} 

Aquí está la sección HTML:

<input type="button" onclick="buttonClick()" value="Submit"/> 

La idea aquí es sólo para obtener las coordenadas cuando se hace clic en el botón y para obtener las coordenadas reales dentro del borde del botón. Obtener coordenadas en la pantalla es más fácil y encontrar esa solución para todos los navegadores ya se logró.

Gracias de antemano por su asistencia.

Answer 1

Tiene que pasar el evento. Esto se hace como por lo que:

<input type="button" onclick="buttonClick(event)" value="Submit"/> 
              ^
              '---- that one there