addEventListener - Funktion mit Übergabewert

[tuxasus]

Servus,

zunächst einmal danke für die Aufnahme ins Forum.

Ich bin gerade dabei eine slideshow zu schreiben und hänge derzeit am setzen und löschen meines Eventlisteners.

Folgender Code funktioniert:

el.querySelector('.thumbs_show_1').addEventListener('click', function () {
    that.showCurrent(-1, el); 
}, false);

Dieser Code nicht:

el.querySelector('.thumbs_show_1').addEventListener('click', that.showCurrent(-1, el), false);

Kann mir einer von euch sagen weshalb?

Ich habe auch schon die Variante über Deklaration einer Funktion ohne Übergabewert genutzt, wie in diesem Beitrag (Link). Allerdings funktioniert das auch nicht.

Bin gerade etwas ratlos, da es nach der Definition des EventListeners eigentlich funktionieren müsste.

Danke schon mal im Voraus

 

[Dormilich]

Kann mir einer von euch sagen weshalb?

that.showCurrent(-1, el)

ist keine Funktion (sondern ein Funktionsaufruf), was aber als Parametertyp erwartet wird.

 

[tuxasus]

Okay, das verstehe ich soweit, nur wenn ich eine Funktion übergeben muss und keinen Funktionsaufruf bzw. keinen Verweis auf eine Funktion, wie kann ich dann meinen EventListener wieder entfernen? Bei der obigen Variante mit function() { ... } bekomme ich mein Event nicht mehr entfernt, da ich ja jedesmal eine andere Funktion und damit ein anderes Event habe.

 

[Dormilich]

wenn du den Eventhandler wieder entfernen willst, mußt du ihm zwangsläufig einen Namen geben.

 

[kkapsner]

... oder vorher in einer Variablen speichern.