Ponowne użycie EventListener, gdy jest on już dodany.

Question

W jaki sposób użyć ponownie EventListenera, zamiast go dodawać, gdy jest on już stworzony?

Gdy kliknę kilka razy w pierwszy select, to tyle razy dodaje się EventListener do zmiennej b. Efekt jest taki, że gdy wybiorę inną opcję z drugiego select to wyświetla się tyle razy, ile kliknąłem w pierwszego select.

W jaki sposób mogę sprawdzić, czy zmienna b masz już EventListener, aby nie dodawać go kilka razy?

Kod i demo na JSFiddle https://jsfiddle.net/Chriss92/u4yrypug/

Answer 1

Są co najmniej dwa rozwiązania:

• przypiąć zdarzenia raz, przy inicjalizacji skryptu
• zastosować event delegation

Ogólnie nie widzę powodu, dla którego przypinasz zdarzenie w tak śmieszny sposób, jak obecnie.

Answer 2

W momencie dodawania ustaw sobie jakąś flagę, którą możesz potem sprawdzać - tak chyba najprościej

Answer 3

.removeEventListener przy każdym przypisaniu

lub jeśli używasz jQ możesz użyć .one()

Answer 4

> Gdy kliknę kilka razy w pierwszy select, to tyle razy dodaje się EventListener do zmiennej b.

Robisz to źle.

Comments

Źle, że klikam? Nie rozumiem.

---

W zasadzie nie tyle nie można tak robić, co po prostu nie powinno dodawać zbędnych listenerów. Przy chwilce rzucę na to okiem, bo wydaje mi się, że można to fajniej rozwiązać.