problema en IE addEvent

miguelcubas · #1 (**permalink**) 29/11/2008, 13:52

Hola, en IE no me funciona y en MZ si, es en lo siguiente:

Código HTML:

var e = {

addEvent : function ( o, ev, fn ) {
	var r = false;
	if (window.addEventListener) {
	o.addEventListener(ev, fn, false);
	r = true;
	}
else if (window.attachEvent)
	r = o.attachEvent("on" + ev, fn);
return r;
}
}


window.onload = function() {

   e.addEvent ( elemento , 'mouseover' , function() { 
    alert (this.tagName);
   }


}

En MZ alerta del nombre del tag del elemento, pero en IE me dice
'undefined'....

Alguien sabe porque pasa esto????

Muchas gracias.

Panino5001 · #2 (**permalink**) 29/11/2008, 14:24

Es el comportamiento típico de explorer, donde this, si asignás los eventos de esa manera, no tiene el significado que esperás. Se soluciona modificando la asignación. Una manera serías esta:

Código PHP:

  <!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>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Documento sin t&iacute;tulo</title>

<script>

var e = {

 
addEvent : function ( o, ev, fn ) {

    var r = false;

    if (window.addEventListener) {

    o.addEventListener(ev, fn, false);

    }

else if (window.attachEvent){

        var f=function(){

            fn.call(o,window.event);

        }

        r = o.attachEvent("on" + ev, f);

    }

}

}

 
 
window.onload = function() {

 
   e.addEvent ( document.getElementById('pp') , 'mouseover' , function() { 

    alert (this.tagName);

   })

 
 
}

</script>

</head>

 
<body>

<p id="pp">boo</p>

</body>

</html>

miguelcubas · #3 (**permalink**) 29/11/2008, 14:43

Muchas gracias.