Holen Sie sich "event" - Objekt innerhalb des sofort ausgeführten Funktion?

Ich mithilfe von Ereignis-delegation in solcher Weise:

elWraper.onclick = (function(){
    //how to get here "event" object
    e = e || window.event;
    var t = e.target || e.srcElement;

    //event handler
    return function(){
        //manipulations with "t" variable
    }
})();

wie man "Ereignis" - Objekt innerhalb des sofort ausgeführten Funktion?

Was ist Ihr Ziel? Sie sind eine Funktion aufrufen, die Verwendung einer Variablen e die nicht definiert ist (und als Ergebnis der Skript-Ausführung wird angehalten, mit einem Fehler)
warum tun Sie das, statt addEventListener?

InformationsquelleAutor Kalinin | 2010-09-22

10
```
elWraper.onclick = (function(){
    //misc stuff here    

    //event handler
    return function(e){
        e = e || window.event;
        var t = e.target || e.srcElement;
        //manipulations with "t" variable
    }
})();
```
In standards-konforme Browser das event-Objekt ist der erste parameter an die Rückruffunktion übergeben. Im IE ist es eine Globale variable (was ist was e = e || window.event versucht zu bestimmen). Also, die Funktion, die Sie zurück durch die immediately executed function sollte akzeptieren das event-Objekt deklariert wie die erste (und meist einzige) argument.

Klärung

Da Menschen Fragen sich (und wahrscheinlich werden Sie sich Fragen, warum die OP akzeptierte diese Antwort) es gibt Anwendungen für diese, ist nicht klar aus den OP ' s Frage. Eine ist das erstellen einer closure an eine variable zu verfolgen, etwas:
```
/* Count number of clicks,
 * WITHOUT USING GLOBAL VARS!
 */
el.onclick = (function(){
    var counter = 0;
    return function(e){
      e = e || window.event;
      var t = e.target || e.srcElement;
      counter ++;
      alert('detected '+counter+' clicks!');
      //do stuff with t or e ...
    }
})();
```
dies ist die klassische Art und Weise der Zuordnung von event-Handlern in Schleifen:
```
/* Use double closure to break closure in loop!
 */
for (var i=0; i<stuff.length; i++) {
    var el = stuff[i];
    el.onclick = (function(x){
        return function(e){
          e = e || window.event;
          var t = e.target || e.srcElement;
          alert(x);
          //do stuff with t or e ...
        }
    })(i);
}
```
Oder vielleicht die OP nur dachte, er könne 'cache' das event-Objekt, und fälschlicherweise geglaubt, er könnte dies nutzen, um es zu tun. In dem Fall, Lesen Sie meine Erklärung (anstatt nur den code) sollten aufklären der Leser, warum das wäre eine schlechte Idee.
- Ich verstehe es nicht. Warum nicht einfach elWraper.onclick = function(e){...}?
- Ich auch nicht (aus dem Beispiel-code). Aber das ist die Frage die OP ist zu Fragen, damit ist die Frage, die ich bin, zu beantworten. Vielleicht ist er etwas zu tun in das bit, das sagt //misc stuff here wie Sie einen Abschluss erstellen, um Variablen zu haben, Sie Verhalten sich wie statische Variablen oder so etwas. Es gibt Anwendungen für diese (dies ist im Grunde, wie ordnen Sie event-Handler in einer Schleife), aber es ist nicht klar, nur aus dem Lesen des OP ' s original-code.
- Ich diesem Beispiel die Prozedur nicht verwenden, die ich variabel, aber wenn es Tat, es wäre das gleiche, über alle Handler (der Wert von i nach der Schleife beendet ist). Dies wäre die einzige Möglichkeit, eine separate ich für jede der Handler.
InformationsquelleAutor slebetman
1
```
elWraper.onclick = function (e) {
  //how to get here "event" object
  e = e || window.event;
  var t = e.target || e.srcElement;
  //manipulations with "t" variable
};
```
- Das ist nicht ein "sofort ausgeführt" - Funktion, wenn. Es fehlt der () - operator am Ende der Funktionsdefinition.
- JL: Ja, aber was ist der Punkt, der mit einer "sofort ausgeführt" - Funktion hier in Erster Linie? Es ist nur überflüssige AFAICT.
InformationsquelleAutor Dagg Nabbit
1

Ich denke slebetman s Antwort ist richtig laut Ihre Frage. Aber ich sehe nicht den Punkt, was Sie tun. Wenn Sie versuchen, zu abstrahieren, mit der browser-Veranstaltung, die Unterschiede, die Sie verwenden können, so etwas wie dieses.
```
function createHandler( context, handler ) {
  return function (e) {    
    e = e || window.event;
    var t = e.target || e.srcElement;
    handler.call (context || window, e, t);
  }
}
```
Dann können Sie es verwenden, wie
```
div.onclick = createHandler(div, function(e, t){
   alert ("actual clicked target is " +  t.id);
   alert ("handler was set on node " + this.id);
});
```
Beachten Sie, dass Sie passieren kann nichts, da der Kontext (der "this" - Schlüsselwort in der Prozedur)

Ist es gut zu wissen, diese Dinge, aber jquery oder andere Bibliotheken bereits tun dies für Sie und es ist viel mehr getestet als die in deinem code wird immer sein, und es kümmert sich um viele weitere browser-Unterschiede, als diese kleine Funktion. Aber wenn das alles, was Sie brauchen, bedeutet dies nicht, dass sich code aufblasen nach unten.

InformationsquelleAutor Juan Mendes

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.