Elemento this en attachEvent

America|UNK · #1 (**permalink**) 02/05/2010, 00:47

Hola, estoy usando ahora esta función para agregar eventos.

Código Javascript:

Ver originalfunction addBind(obj,e,fn){
        if (window.attachEvent) {
            obj.attachEvent("on" + e, fn); // IE
        }else{
            obj.addEventListener(e, fn, false); // FF
        }
    }
 
// veamos si es verdad
    
    document.write('<div class="clasOk" id="test">Hola mundo</div>')
        
    addBind(document.getElementById("test"),"click",function(){
        alert(this.className); // IE: undefined, FF: classOk
    })

EL problema es que cuando arranco el evento click en IE, el objeto this no me devuelve el objeto actual, el className me da undefined, en firefox me devuelve classOk, que es el nombre de la clase.

Habrá manera de obtener el elemento this con attachEvent ?, gracias y Saludos.

Panino5001 · #2 (**permalink**) 02/05/2010, 01:41

Así:

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=utf-8" />
<title></title>
</head>

<body>
<script>
function addBind(obj,e,fn){
    if (window.attachEvent) {
        var f=function(){fn.call(obj,window.event);};
        obj.attachEvent("on" + e, f); // IE
    }else{
        obj.addEventListener(e, fn, false); // FF
    }
}
// veamos si es verdad
document.write('<div class="clasOk" id="test">Hola mundo</div>')
addBind(document.getElementById("test"),"click",function(){
alert(this.className); // IE: classOk, FF: classOk
})
</script>
</body>
</html>

Te recomiendo leas esto: http://www.dustindiaz.com/javascript-no-no/

America|UNK · #3 (**permalink**) 02/05/2010, 10:53

Me ha servido, nunca se me hubiera ocurrido en serio, grande panino!