Firefox fenêtre“.l'événement n'est pas défini” erreur

J'ai ce script:

function postBackByObject(e) {
   var o = window.event.srcElement || e.target;
   if (o.tagName == "INPUT" && o.type == "checkbox") {
        __doPostBack("", "");
    }
}

- Je utiliser ce script avec onclick="postBackByObject();".

mais dans Firefox 21, j'obtiens cette erreur:

TypeError: fenêtre.l'événement n'est pas défini

quel est mon tort?

InformationsquelleAutor Majid | 2013-06-25
  1. 15

    C'est parce qu'il est. window.event est pour les anciennes versions d'IE.

    Typique de la façon de le faire est:

    function postBackByObject(e) {
    e = e || window.event;
    var o = e.srcElement || e.target;
    //...
}
    • la manière typique est un bit OU?!
    • Désolé, faute de frappe, était censé être logique.
    • vous êtes en manque encore un jeu de parenthèses si vous n'obtenez pas une défaillance de gauche dans la tâche exception e||(e=x);, ou d'échanger le = et || (mais c'est une ré-affectation, même si c'est déjà attribué).
    • Pouah, c'est ce que je reçois pour ne pas arriver à dormir XD
    • Que voulez-vous dire e is undefined? Vous venez de définir dans la définition de la fonction...
    • Je sais que C'est étrange!
    • C'est un peu pire si vous avez une balise HTML sur la page avec un id="événement", alors QUE devient la fenêtre.événement dans FF (37)
    • Ce devrait être la bonne réponse, car elle explique POURQUOI nous sommes le "de windows.l'événement n'est pas défini" erreur, alors que l'on a Accepté la réponse ne l'est pas. Très apprécié, Niet.

    InformationsquelleAutor Niet the Dark Absol
  2. 7

    Vous attacher les évènements inline onclick="postBackByObject();"

    Essayer de passer this(la cible de l'événement) à onclick="postBackByObject(this);"
    Modifier votre fonction pour gérer ce changement:

    function postBackByObject(e) {
   if (e.tagName == "INPUT" && e.type == "checkbox") {
        __doPostBack("", "");
    }
}

    Une meilleure solution sera d'associer des événements à l'aide de addEventListener

    Si votre balise ressemble:

    <div id="TvCategories" onclick="postBackByObject(this);" />

    puis

    document.getElementById('TvCategories').addEventListener('click', postBackByObject);

    Votre postBackByObject fonction reste inchangée lors de l'utilisation de cette approche.

    • excusez-moi;si je devrais mettre obj.addEventListener('click', postBackByObject);?
    • Quel élément a une onclick='postBackByObject()' présent? BTW, la première approche devrait fonctionner: onclick="postBackByObject(this);".
    • <div id="TvCategories" onclick="postBackByObject();">
    • La première approche mentionne l'utilisation de this dans l'appel de méthode. <div id="TvCategories" onclick="postBackByObject(this);">
    • Supprimez la première ligne de postBackByObject. l'argument e se réfère à l'objet cible elle-même. J'ai mis à jour mon post avec la nouvelle fonction.
    • C'est pourquoi j'ai recommandé à l'aide de la 2ème approche. Il va travailler pour vous. Lors de l'utilisation de la 2ème approche, gardez votre postBackByObject fonction, telle qu'elle est(ne retirez pas la première instruction).
    • Pour moi, onclick="postBackByObject(this)" ne fonctionne pas, mais onclick="postBackByObject(event)" dans FireFox.

    InformationsquelleAutor c.P.u1
  3. 3

    Transmettre l'événement sur le onClick événement comme celui-ci:

    onclick="myCustomFunction(event);"

    Il fonctionne et vous pouvez accéder à l'objet de l'événement!

    • Cela a été très utile. Donc le naming semble être important, comme l'aide this au lieu de event va passer de l'objet au lieu de l'événement
    InformationsquelleAutor Deian Motov
  4. 2

    Il est possible de passer de l'objet événement dans la ligne de la déclaration:

    <input type="button" onclick="postBackByObject(event);" value="click" />

function postBackByObject(e) {
    var o = e.srcElement || e.target;
    //...
}
    InformationsquelleAutor Dmitry
  5. 2

    Fixation de l'événement est une solution mais il y a une alternative qui pourrait être utile pour d'autres personnes confrontées au même problème, après une longue recherche, j'ai trouvé que:

    Objet événement est seulement reconized par firefox si vous envoyez explicitement l '"événement" de la fonction

    De sorte que le problème se produit car window.event n'est pas reconnu par Firefox, et la solution est de passer event à la fonction, votre code sera :

    function postBackByObject(e) {
   var o = e.srcElement || e.target;
   if (o.tagName === "INPUT" && o.type === "checkbox") {
        __doPostBack("", "");
    }
}

    Et vous pouvez toujours l'appeler dans votre inline HTML passant event en tant que paramètre:

    onclick="postBackByObject(event);"
    InformationsquelleAutor cнŝdk
  6. 1

    Votre ligne 

    var o = window.event.srcElement || e.target;

    échoue sur tous les navigateurs sauf IE, car pour eux windows.event est undefned

    La bonne formulation serait :

    var o = e ? e.target : window.event.srcElement;

    Depuis compatible avec le standard des navigateurs de transmettre l'événement en tant que paramètre e et
    la cible à e.target dans IE, e sera pas défini et que vous devez utiliser
    window.event.srcElement

    Noter que les dernières versions de IE faire prendre en charge la norme de modèle.

    Sur un plus générique remarque, lorsque vous essayez d'accéder à une valeur comme a.b.c.d puis a.b.c doit
    être un objet défini d'autre, vous obtiendrez l'erreur a.b.c undefined.

    InformationsquelleAutor HBP
  7. 0

    je ne suis pas sûr si la fenêtre.l'événement est pris en charge dans tous les navigateurs. Je pense que vous obtenez de l'événement dans la variable "e" de postBackByObject(e)

    InformationsquelleAutor amit