Gestión de eventos, compatibles con diferentes navegadores

Calichin · #1 (**permalink**) 09/02/2009, 17:36

Hola amigos, estoy implementando una pequeña aplicación, me tope con un problema de compatibilidad de navegadores, el código que muestro en seguida.

El problema es que no me trabaja en IE, probé con este ejemplo:

Código HTML:

<html>
<head>
<title>Calichin Demo 01</title>
<script type="text/javascript">

function addEvent(elm, evType, fn, useCapture){ 
	if(elm.addEventListener){
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}else if(elm.attachEvent){
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}else{
		elm['on' + evType] = fn;
	}
}

function ejemplo(){
	var demo = document.getElementById('demo');

	addEvent(demo, 'mouseover',function(){
		alert(this.tagName);
	}, false);
}

addEvent(window, 'load', ejemplo, false);

</script>
</head>
<body>
<a href="#" id="demo">ejemplo</a>
</body>
</html>

Se supone que debería mostrarme el nombre del tag que en este caso es A, pero me sale en IE, pero con firefox, opera trabaja.

gracias, espero que alguien me eche una ayuda
Saludos.

Panino5001 · #2 (**permalink**) 09/02/2009, 18:20

Un tema del que hablamos varias veces. Modificá el código por este, para que this tenga el mismo significado:

Código javascript:

Ver originalfunction addEvent(elm, evType, fn, useCapture){ 
    if(elm.addEventListener){
        elm.addEventListener(evType, fn, useCapture);
        
    }else if(elm.attachEvent){
                var f=function(){
                       fn.call(elm,window.event);
                }
        elm.attachEvent('on' + evType, f);
        
    }else{
        elm['on' + evType] = fn;
    }
}

Calichin · #3 (**permalink**) 09/02/2009, 20:14

gracias Panino5001, me va chevere..

graicas, call() me :)