Problema con detachEvent

[pato12]

Hola,
Tengo esta funcion para borrar eventos, en FF anda bien pero en IE da error:

Código javascript:

removeEvent=function(evType,fn){
            if(this.removeEventListener){
                this.removeEventListener(evType, fn, false);
            }else if (this.detachEvent){
                this.detachEvent("on"+evType, this[fn+evType+'n']);
                this[fn+evType+'n']=null;
            }else{
                this['on'+evType]=function(){};
            }
        };
 

Proque da error
Gracias
Salu2

[zerokilled]

que error te produce? type mismatch? de momento no entiendo la logica de esta linea:

Código:

this.detachEvent("on"+evType, this[fn+evType+'n']);
this[fn+evType+'n']=null;

si fn es una funcion, cuando se concatena una funcion y un string, es el equivalente de hacer function.toString() + string el cual produce algo como el codigo fuente de la funcion mas la cadena. este no es el tipo de valor que detachEvent requiere.

intentalo asi, practicamente igual como en removeEventListener:

Código:

this.detachEvent("on"+evType, fn);

[pato12]

Hola,
No me funciono y no da error esta ves. El codigo lo saque de este foro.
Gracias
Salu2

[zerokilled]

otro detalle, no se si sea tu caso, aunque lo dudo. si fn es una funcion literal no te funcionara. considera el siguiente ejemplo donde se registra un evento click en el documento con un handler literal:

Código javascript:

document.attachEvent('onclick', function(){
alert(arguments.length);
});
 
document.detachEvent('onclick', function(){
alert(arguments.length);
});
 

este ejemplo registra el evento pero no remueve el evento. aunque las funciones son las mismas, tal parece que tanto attachEvent como detachEvent utilizan una referencia de la memoria de modo que fn debe ser una variable, funcion, o metodo previamente almacenada en alguna parte de tu codigo.

este detalle tambien aplica a para addEventListener y removeEventListener. pero segun tu no te funciona en la version para msie, de ahi que estimo que no sea tu caso. si estoy en lo correcto, necesitaria ver tu aplicacion en una forma mas completa para poder determinar donde esta el error.

[pato12]

Eso ya se :D
Pero es una funcion con nombre (function MiFuncon(...){...}).

[zerokilled]

podrias mostrarme un ejemplo de como utilizas la funcion? ademas, donde se almacena la funcion, en una simple variable removeEvent o es este un metodo de un objeto o constructor?

[pato12]

Hola,
Este es un ejemplo:

Código javascript:

<script type="text/javascript">
<!--
function $(id){return document.getElementById(id);}
function alertar(){
    alert('Si!');
}
function detener(){
    removeEvent.call($('prueba'),'click',alertar);
}
var addEvent=function(type, fn ) {
            if ( this.addEventListener ) {
                this.addEventListener( type, fn, false );
            } else if(this.attachEvent){
                var _this=this;
                var f= function(){fn.call(_this,window.event);};
                this.attachEvent( 'on'+type, f);
                this[fn.toString()+type]=f;
            }else{
                this['on'+type]=fn;
            }
        };
var removeEvent=function(evType,fn){
            if(this.removeEventListener){
                this.removeEventListener(evType, fn, false);
            }else if (this.detachEvent){
                this.detachEvent("on"+evType, this[fn+evType+'n']);
                this[fn+evType+'n']=null;
            }else{
                this['on'+evType]=function(){};
            }
        };
        onload=function(){
            addEvent.call($('prueba'),'click',alertar);
            addEvent.call($('prueba'),'mouseout',detener);
        };
-->
</script>
<div id="prueba" style="background-color:#CCCCCC; width:50px; height:50px;">Click!</div>
 

Gracias
Salu2

[zerokilled]

justo lo que ya venia diciendo. produce error type mismatch porque esta utilizando un string para remover el evento. no le veo el uso de generar un string a base de la funcion. el siguiente codigo es una modificacion funcional.

Código javascript:

<script type="text/javascript"><!--
function $(id){return document.getElementById(id);}
 
function alertar(){
alert('Si!');
}
 
function detener(){
removeEvent.call($('prueba'),'click',alertar);
}
 
var addEvent=function(type, fn ) {
    if ( this.addEventListener ) {
    this.addEventListener( type, fn, false );
    } else if(this.attachEvent){
    var _this = this;
    this.attachEvent('on'+type, fn);
    }else{
    this['on'+type]=fn;
    }
};
 
var removeEvent = function(evType,fn){
    if(this.removeEventListener){
    this.removeEventListener(evType, fn, false);
    }else if(this.detachEvent){
    this.detachEvent("on"+evType, fn);
    }else{
    this['on'+evType]=null;
    }
};
 
onload=function(){
addEvent.call($('prueba'),'click',alertar);
addEvent.call($('prueba'),'mouseout',detener);
};
-->
</script>
<div id="prueba" style="background-color:#CCCCCC; width:50px; height:50px;">Click!</div>
 

[pato12]

Gracias, pero lo que pasa es que sin esto:

Código javascript:

var f= function(){fn.call(_this,window.event);};
                this.attachEvent( 'on'+type, f);
 

No resivo el this en la funcion.

[zerokilled]

no comprendo cuando dices "revisar el this en la fucion". de la misma manera tampoco comprendo la razon por la que quieras hacerlo asi. pero bueno, aqui va la solucion. volviendo a tu ejemplo original la linea 26 y 27 tienen un caracter de mas.

Código:

this.detachEvent("on"+evType, this[fn+evType+'n']);
this[fn+evType+'n']=null;

[pato12]

Ahh, gracias!! ahora anda bien