Javascript addEventListener (event registrieren mehrere Male für die gleiche Funktion; die Verwendung von OOP Javascript

Ich bin beschäftigt Object-Oriented Javascript, in Verbindung mit dem registrieren von event-Listenern. Von dem, was ich verstehe, über die Ereignis-Listener, wenn die Funktion angewendet eventtarget bereits registriert wurde, wiederholte versuche, um dieses gleiche Ereignis-listener werden ignoriert. In anderen Worten, es sollte Feuer nur einmal. Aber das ist nicht der Fall in der folgenden code (kann auch gesehen werden, auf jsfiddle).

https://developer.mozilla.org/en-US/docs/Web/API/EventTarget.addEventListener

Mehrere identische Ereignis-Listener

Wenn mehrere identische EventListeners registriert sind, auf der gleichen EventTarget mit den gleichen Parametern, die die doppelte Instanzen werden verworfen. Sie verursachen nicht die EventListener aufgerufen werden, zweimal, und, da die Duplikate werden verworfen, werden Sie nicht brauchen, um manuell entfernt werden mit der Methode removeEventListener.

http://jsfiddle.net/qd1e8f6c/

HTML

<div id="wrapper">
    <input id="t1" type="text" />
    <input id="btn" type="button" />
</div>

JS

var namespace = namespace || {};

namespace.event = {
    addListener: function(el, type) {
        var handle = function() {
            switch (type) {
                case "focus": 
                    console.log(el.value);
                    break;
                case "click":
                    console.log(el.id + " was clicked");
                    break;
            }
        };

        el.addEventListener(type, handle, false);
    }
};

namespace.ExampleClass = function() {
    this.init = function(el1, el2) {
        el1.value = "123";
        el2.value = "Click Me";
    };
};

var textbox = document.getElementById("t1");
var button = document.getElementById("btn");

var inst = new namespace.ExampleClass();

inst.init( textbox, button );

namespace.event.addListener(textbox, "focus");
namespace.event.addListener(button, "click");

//same handle -- shoudln't it only add the event once?
namespace.event.addListener(textbox, "focus");
namespace.event.addListener(button, "click");

Wie Sie sehen können in den letzten Zeilen des obigen code eine Funktion namens addListener wird zweimal ausgeführt, die registriert ein Ereignis-zu jeder Eingabe. Dann addListener erneut ausgeführt wird. Ich gehe davon aus, dass es sich nicht noch einmal registrieren und ignorieren, aber es ist eigentlich registriert. Ich verstehe es nicht. Die Funktion im Namensraum genannt handle ist genau das gleiche. Was mache ich hier falsch?

Jede Hilfe wäre toll. Ich danke Ihnen so sehr.

Sie hat nicht alles tun, um zu verhindern, dass es aus der addition der event zweimal, nicht sicher, warum würden Sie erwarten, dass Sie es tun, automatisch.
Denn ich war unter den Eindruck, dass es der addEventListener registriert nicht den Fall wieder, wenn das Ziel ist das gleiche, und der Griff ist der gleiche.
Habe ich gerade eingefügt ein Zitat aus dem mozilla-link auf der addEventListener. Es sei denn, ich lese es falsch, und ich kann, bin ich interpretieren als das Ereignis wird nur ausgelöst, sobald.
Sorry, ja natürlich. @loganfsmyth, erklärt er.

InformationsquelleAutor user717236 | 2014-09-30

Leave a Reply

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.