Obtener la url en el evento onclick

[kanetsura]

Muy buenas,
He añadido un listener para capturar todos los metodos onClick.

Lo que quiero es capturar la url a la que apunta un vinculo (href) cuando el usuario clique sobre él.

Funciona solo quando clico en vinculos del tipo <a href=...>vinculo</a>

El problema vinene quando tengo un vinculo con un tag dentro del tag <a>.
pej: <a href="patata.html"><b>patata</b></a>
En tal caso me captura el tag <b> , i no consigo obtener la url a la que ha clicado el usuario (patata.html)

Si a alguien se le ocurre como obtener la url a la que ha clicado un usuario con este o algun otro metodo que no pase por tener que añadir un listener a cada tag <a> le estaria muy agradecido.


Os muestro a continuación el codigo usado para capturar el evento y mostrar la url en Firefox:

Código:

window.document.addEventListener('click', function(e){
 	 var evt=window.event || e;
	alert(evt.target.href);
	evt.preventDefault();
	return false;
}, false);

muchas gracias

[maycolalvarez]

te falta corregir la compatibilidad entre navegadores:

Código Javascript:

window.document.addEventListener('click', function(e){
     var evt=window.event || e;
    var targ;
    if (evt.target) targ = evt.target;
    else if (evt.srcElement) targ = evt.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;     
    alert(targ.href);
    evt.preventDefault();
    return false;
}, false);
 

[kanetsura]

oks, gracias pero por eso decia que el codigo era para mostrar la url en Firefox.
Quiero primero solucionar-lo en firefox , y luego extrapolarlo con el resto.

Y dicho esto, el codigo no funciona correctamente en firefox.

funcionaria con un codigo del tipo:

Código:

<a href="http://google.com">Link a Google</a>

pero no con un codigo con algun otro tag dentro del tag a

Código:

<a href="http://google.com"><b>Link a Google</b></a>

O almenos, no me funciona a mi.

[kanetsura]

Saludos de nuevo,

De momento lo he solucionado aunque de una manera que no me gusta mucho.
Lo que hago és obtener el elemento clicado e ir subiendo por sus padres hasta que exista un elemento con href . Poniendo un tope de 5 padres (creo que encontrar más de 5 tags dentro un link es improvable)

No me gusta porque es una operacion que se llevará a cabo siempre que se haga un click, pero hasta que no pueda apurar más, me servirá.

Código:

window.document.addEventListener('click', function(e){
 	var evt=window.event || e;
	//previeno cualquuier accion asociada con el click
	evt.preventDefault();
	
	//obtengo el elemento seleccionado
	var elem = evt.target;
	
	//busco si tiene algun padre con href (miro un maximo de 5 padres)
	for(var k=0; k < 5 && !elem.href; k++){
		elem = elem.parentNode;
	}	
	
	//muestro el link
	alert(elem.href);
	
	return false;
}, false);

[David]

Revisa este tema:
http://www.forosdelweb.com/f13/quien...2/#post2565328

Saludos.

[Andres_vera]

Iniciado por kanetsura

Saludos de nuevo,

De momento lo he solucionado aunque de una manera que no me gusta mucho.
Lo que hago és obtener el elemento clicado e ir subiendo por sus padres hasta que exista un elemento con href . Poniendo un tope de 5 padres (creo que encontrar más de 5 tags dentro un link es improvable)

No me gusta porque es una operacion que se llevará a cabo siempre que se haga un click, pero hasta que no pueda apurar más, me servirá.

Código:

window.document.addEventListener('click', function(e){
 	var evt=window.event || e;
	//previeno cualquuier accion asociada con el click
	evt.preventDefault();
	
	//obtengo el elemento seleccionado
	var elem = evt.target;
	
	//busco si tiene algun padre con href (miro un maximo de 5 padres)
	for(var k=0; k < 5 && !elem.href; k++){
		elem = elem.parentNode;
	}	
	
	//muestro el link
	alert(elem.href);
	
	return false;
}, false);

Me salvaste la vida, MUCHAS GRACIAS!!! ENSERIO =)