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.