Identyfikacja zdarzenia 'keyup'

Question

Witam,

potrzebuję pomocy z prostym kodem, który jednak sprawa kłopot:

Opis:

Przyciskając klawisze na klawiaturze (a,s,d) do odpowiedniego elementu zostaje dodana klasa [pressed], a wraz z nią nowe style. Po zwolnieniu klawisza klasa zostaje usunięta. Kod tutaj.

Problem:

Przy przyciśnięciu więcej niż jednego klawisza i zwolnieniu jednego wszystkiego elementy tracą klasę. 

Domyślam się, że problem bierze się z tego, że odpalając jedno zdarzenie [keyup] nie jestem w stanie przypisać go do danego elementu, tego, który właśnie został zwolniony, więc usuwane są klasy na wszystkich elementach. W DevTools'ach widać przypisany element, ale jak to zrobić w kodzie? 

 

Z góry dziękuję za pomoc!

Adrian

Answer 1

Podczas keyup, nie sprawdzasz jaki klawisz został zwolniony, więc wydarzenie wykonuje się 3 razy, na każdym elemencie (jeżeli masz wciśnięte 3 klawisze). Dodaj sprawdzenie jaki klawisz został zwolniony i czy ma on swój odpowiednik w elementach (asd).

Przypisanie obiektu (elementu) działa dobrze.