Objet ne supporte pas cette propriété ou cette méthode erreur javascript dans IE6 seulement

Question

J'ai fait des recherches sur internet et sur ce super site de stackoverflow.com en particulier, mais je ne peux pas m'en empêcher. Je ne suis pas un programmeur très expérimenté et un de mes amis m'a demandé de corriger le bug sur IE6 uniquement. Cela fonctionne sur FF, IE7/8, Opera. Voici la partie du code qui donne un message d'erreur sur IE6:

(function(d, n, r) { 
    var ie, jscript, settings = {}; 
    function add(element, type, listener) { element.addEventListener(type, listener, false); }; 
    function remove(element, type, listener) { element.removeEventListener(type, listener, false); }; 
    var l = {change:[], ready:[], load:[]}; 
    a11y = function(f) { 
    a11y.change(f); 
    }; 
}) 
(self.document, self.navigator); 

L'erreur est en ligne 7: a11y.change (f); Tous les autres navigateurs sont OK, juste IE6. Je ne suis pas l'auteur du script, je tente juste de résoudre ce problème. Quelqu'un peut-il aider, s'il vous plaît? Il doit y avoir un problème avec la déclaration de fonction ou ...?

Answer 1

L'exemple semble assez confus il y a beaucoup de code là qui semble être une distraction.

D'après ce que je peux voir le problème est dans ce code:

a11y = function(f) { 
    a11y.change(f); 
}; 

Ici, vous définissez une nouvelle fonction appelée a11y et à l'intérieur de la définition de cette fonction que vous appelez une méthode « changement » sur la fonction tout en étant défini. Je suis surpris que cela fonctionne dans n'importe quel navigateur.

Answer 2

Pour moi, il génère également une erreur dans IE7 et IE8.

Il signale le numéro de ligne d'erreur en tant que ligne 4 (ligne 3 dans IE6 mais IE6 est toujours désactivé par un). Cela indique que l'erreur est:

function add(element, type, listener) { element.addEventListener(type, listener, false); }; 

qui n'est pas surprenant étant donné que IE ne met pas en œuvre addEventListener. L'appel équivalent sur IE est:

element.attachEvent("on" + type, listener) 

Il ressemble à la page utilise jQuery, vous devriez donc probablement utiliser des méthodes jQuery pour cela.
Au lieu d'appeler

add(element, type, listener) 

vous pouvez appeler

$(element).bind(type, listener) 

Vous devez également fixer la fonction « supprimer » dans la ligne 5.

Answer 3

Merci pour votre aide. Comme suggéré par Sean Hogan, le problème était que IE n'implémente pas addEventListener. J'ai trouvé une solution similaire quelque part sur internet et cela a fonctionné pour moi.

function add(element, type, listener) { 
     remove(element, type, listener); 
     element.attachEvent("on"+ type, listener); 
    }; 
    function remove(element, type, listener) { 
     element.detachEvent("on"+ type, listener); 
    }; 
    settings.jscript = jscript = @_jscript_version; 
    settings.ie = ie = parseFloat(n.userAgent.split("MSIE ")[1]); 
    if (d && d.execCommand) { 
    try { d.execCommand("BackgroundImageCache",false, true); } 
    catch (e) { } 
    } 

Merci encore!