Javascript Dynamische OnChange-Ereignis

Ich versuche Sie dynamisch hinzufügen eine auf change-Ereignis, um ein HTML-Objekt auswählen. Ich kann nicht scheinen, um es zu arbeiten. Ich brauche die Funktion zum aufrufen dropDownChange und übergeben Sie zwei Parameter, diese und nextDepth.

   var nextDepth = (int)......
   var selectBox = ......
   selectBox.onchange += function(nextDepth){dropDownChange(this, nextDepth);};

Nicht wirklich sicher, wie Sie Sie in Angriff zu nehmen... ich dachte, das könnte funktionieren würde. Jede Hilfe, die Sie SEHR geschätzt werden.

Dank!

  • Könnte Sie posten Sie Ihre html-und real-JavaScript? Die Ellipsen nicht mir helfen zu verstehen, was Sie zu tun versuchen, oder lohnt sich mit... =/
InformationsquelleAutor Dave | 2011-06-11
  1. 1
    function changeonchange(){
    var selectBox = document.getElementById("selectBox");
    var nextDepth = getIntFromSomeWhere();

    selectBox.onchange = function() {
        var targ;
        if (!e) var e = window.event;
        if (e.target) targ = e.target;
        else if (e.srcElement) targ = e.srcElement;
        if (targ.nodeType == 3) //defeat Safari bug
            targ = targ.parentNode;
        dropDownChange(targ, nextDepth);
    };
}

    Können Sie mehr Informationen über Ereignisse aus http://www.quirksmode.org/js/events_properties.html jedes mal "changeonchange" heißt ein neuer Bereich geschaffen, um zu halten die lokalen Variablen und Umfang erfolgt entlang der neuen onchange-handler.

    • Prusse, Die variable nextDepth ist eine ganze Zahl deklariert, die lokal in der Funktion, die änderung der select-Dialogfeld auf die change-Ereignis.
    InformationsquelleAutor Prusse
  2. 1

    Ich gehe davon aus, dass Sie auf der Suche nach einem Weg, um pass in this im Bezug auf das aktuelle ausführende Objekt oder namespace. Um dies auszudrücken, wird das code-Beispiel unten verwendet eine anonyme Funktion, wo this gespeichert ist, um die variable me. Dann, wenn die select's change-Ereignis auslöst, wird die benutzerdefinierte Funktion aufgerufen wird, übergeben Sie in den beiden angegebenen Variablen.

    (function() {
    var me = this;
    var selectBox = document.getElementById("selectBox");
    var nextDepth = 2;

    selectBox.onchange = function() {
        dropDownChange(me, nextDepth);
    };
})();
    • Greg danke für die Antwort, ich war eigentlich auf der Suche zu gehen, wie ein Zeiger auf die select-box selbst.
    • Übergeben Sie eine Funktion Zeiger auf ein DOM-Objekt klingt ... gut ... es macht keinen Sinn für mich.
    • Ich meine das wie in eine instace von der select-box. Wenn er ruft dropDownChange es übergeben wird, sowohl einen Zeiger auf sich selbst und den integer-Wert von nextDepth
    • Die this keyword Punkt der selectBox DOMElement inside die onchange-Funktion.
    • Es sollte nur dropDownChange.call(this, nextDepth);. Es gibt keine Notwendigkeit pass Kontext als argument.
    InformationsquelleAutor Greg
Schreibe einen Kommentar