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.