Como saber la posicion del raton al pulsar un enlace

[pepepercebe]

Hola, quiero saber las coordenadas del raton al pulsar un enlace. Para detectar el evento onclick yo utilizo esta funcion:

Código:

function detectaEventos(evento,funcion,element){
			var elemento = document.getElementById(element);
			if (elemento.addEventListener) {        
		elemento.addEventListener(evento,funcion,false); 
		} else {        
		elemento.attachEvent("on"+evento,funcion);   
		
		}
	}

La cual la llamo desde con esta sentencia:

Código:

detectaEventos("click",aaaa,"aCerrar");

donde aaaa es la funcion que llamo al detectar el evento onclick y aCerrar es el enlace.

Que codigo debo incluir en la funcion aaaa() para que me de las coordenas del raton en el momento de pulsar?

He intentado con event.clientX y event.clientY averiguar las coordenadas pero siempre me dice que event is undefined y no se me ocurre cono conseguirlo.

Alguna idea?

[zerokilled]

te dice que event es undefined, salvo en iexplorer, porque tienes que crear un argumento en la funcion para recoger ese objeto. o sea,

Código:

function aaaa(event){
...
// ahora puedes usar event;
}

en los navegadores que siguen los estandar, cuando el evento ocurre este pasa el objeto event a la funcion.

[Adler]

Hola

Aparte de lo que te dice zerokilled, no se si tienes la función para saber donde se produjo el evento

Código javascript:

PosElemento (element)  {
      if (typeof element == "string")
        element = info.captura_objeto(element)
            if (!element) return { top:0,left:0 };
          var y = 0;
          var x = 0;
              while (element.offsetParent) {
                    x += element.offsetLeft;
                    y += element.offsetTop;
                element = element.offsetParent;
      }
      return {top:y,left:x};
 
}
 
alert("Left - " +PosElemento(id).left+ " Top - " + PosElemento(id).top);
 

Suerte

[pepepercebe]

Gracias a los dos por la respuesta.

Adler, es funcion si la consegui y pensaba que me resolveria la papeleta pero la he probado y no se si es por que los enlaces los tengo en una tabla pero top siempre me da 0, es como si cojiera la distancia desde la celda a la celda de arriba porque si le asigno otro objeto si que me da la distancia correcta en pixeles, pero si pongo el id de cualquier elemento de la tabla donde estan los enlaces me da siempre 0. Esta noche volvere a probar a ver.

Zerokilled, esta noche probare loque dices . Tu recomendacion es que haga lo siguiente para llamar a la funcion :

detectaEventos("click",aaaa(event),"aCerrar");

Espero que funcione porque ayer llamaba a la funcion asi y no me funcionaba, no esperaba a que se produjera el evento, sino que una vez llamaba a la funcion detectaEventos me lanzaba la funcion aaaa(): (el nombre de la funcion con los parenteis "()" )

detectaEventos("click",aaaa(),"aCerrar");

Para que funcione la tuve que dejar sin los parentesis, por eso no se si al poner aaaa(event) me pasara lo mismo que me pasaba antes.

Gracias a los dos esta noche lo pruebo.

Salu2



detectaEventos("click",aaaa(),"aCerrar");

[zerokilled]

me referia a que declares la funcion con un argumento, aunque realmente no es necesario porque tambien puedes usar arguments[0] para leer el objeto event. si haces lo que mostrastes, no te funcionara porque estas llamando a la funcion en lugar de pasar una referencia de él. analiza como ejemplo lo siguiente,

Código:

window.addEventListener("click", function(evt){
alert("x: " + evt.clientX + "\ny: " + evt.clientY);
}, false);

en este ejemplo la funcion anonima tiene declarado un argumento que se llama evt. este argumento pasa a ser un objeto que tiene informacion acerca del evento ocurrido. y como veras, dentro de la funcion utilizo evt para leer las propiedades clientX y clientY. a eso me referia lo que tenias que hacer, que en tu funcion declares un argumento o bien utilices arguments[0] dentro del cuerpo para leer el objeto.

[America|UNK]

Código javascript:

function detectaEventos(doc,e,fn){
            if (window.attachEvent) {
                doc.attachEvent("on" + e, fn);
            }else{
                doc.addEventListener(e, fn, false);
            }
        }
 
        function detectaLinks(event){
        var e = event;
        var el = e.target ? e.target : e.srcElement;
            if(typeof el.href != "undefined"){
                var ie  = document.all, Net = document.getElementById && !ie, 
                compacT = (document.compatMode && document.compatMode!="BackCompat") 
                ? document.documentElement : document.body;
                
                var curX = Net ? e.pageX : e.clientX + compacT.scrollLeft;
                var curY = Net ? e.pageY : e.clientY + compacT.scrollTop;
                alert("Link: "+ el.href +" X: " + curX + " Y: " + curY);
            }
        }
        
        detectaEventos(document,"click",detectaLinks);
 

Código HTML:

<body>
<a href="#">Link 1</a>
<a href="http://google.com">Link 2</a>
<a href="#">Link 3</a>
<span>No Link</span>
</body> 

[pepepercebe]

Gracias a todos, Zerokilled funciona prefectamente.

Saludos

[America|UNK]

Iniciado por pepepercebe

Gracias a todos, Zerokilled funciona prefectamente.

Saludos

Te funcionó en IE?