¿Cómo usar event listener en este caso?

luisgzafra · #1 (**permalink**) 24/07/2012, 07:08

Buenas, necesito hacer $('a').bind('click', function () { });, pero sin jquery. Me parece excesivo subir toda la librería solo para eso...

Vi document.addEventListener('click', element), pero no conseguí hacerlo aún. ¿Cómo puedo conseguir algo como bind('click') de jquery?

Saludos!

emprear · #2 (**permalink**) 24/07/2012, 07:40

En este post reciente
http://www.forosdelweb.com/f13/obten...9/#post4234676
lo he utilizado, mirá el ejemplo (fijate el uso en ie8/7)

SAludos

luisgzafra · #3 (**permalink**) 24/07/2012, 07:44

Conseguido, gracias

luisgzafra · #4 (**permalink**) 24/07/2012, 08:02

Una última cosa, lo que intento es para www.bz6.org y www.eu5.es, todos los links hacia otras webs pasen por http://www.eu5.es/?mu_redirect=[url] para controlar las redirecciones que se hacen. Apenas relentiza y evito que el phishing y esas cosas sean efectivas (Ejemplo: http://www.eu5.es/?mu_redirect=http://reltime2012.ru).

Añado el js antes de </body>.

Probé en local con:

Código Javascript:

Ver originalvar a = document.getElementsByTagName('a');
for (i=0; i<a.length; i++)
{
    a[i].addEventListener("click", function ()
    {
        alert(this.href);
        return false;
                    
    }, false);
}

Pero resulta que ese return false; no surge efecto, sigue funcionando el link... Necesito dirigirlo (en parent o _bank) a la url de redirección y comprobar si es de location.host, para dejarlo igual. Por eso necesito obtener la url a la que quiere ir y detener el link.

¿Hay forma de hacer efectivo ese return false?

PD: no puedo editar onclick, no se lo que podría tener... así que ie -9 se quedarán tan cual

emprear · #5 (**permalink**) 24/07/2012, 10:13

no me queda muy claro que es eso de la redirección, pero probá con esto. no usa addEventListener (que usa preventDefault() y no return false), me parece más compatible

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Agregar evento + false</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<a href="http://emprear.com">emprear</a><br />
<a href="http://google.com">google</a> <script language="JavaScript" type="text/javascript">
//<![CDATA[
var a = document.getElementsByTagName('a');
for (i=0; i<a.length; i++){
a[i].onclick = redir;
}
function redir(){
alert(this.href);
return false;
}
//]]>
</script>
</body>
</html>

ahi ya tenés el href para todos los links de la página, bastarían poner tus condiciones en esa función si es que debe devolver false o no.
Funciona en IE/FF/Chrome (son los que probé)
Y no olvides que estamos insertando el js antes del cierre de body, si no hay que hacerle el onload a la primera parte que agrega el evento

Saludos