Cześć, uczę się JavaScript od kilku dni i napotkałem pewien problem przy robieniu dropdown menu. Na mobilce menu rozwija się poprzez kliknięcie i tu dałem addEventListener, natomiast na desktopie efekt rozwinięcia jest przez :hover. Problem polega na tym, że na desktopie także działa efekt kliknięcia. W momencie gdy na początku ustawię przeglądarkę jako wielkość dla mobile i potem zmienię rozmiar na desktop bez odświeżania strony to ten skrypt nie działa (można używać kliknięcia dla menu w trybie desktop, a chcę żeby był wtedy tylko hover). Jak rozwiązać ten problem?
0
1
Użyj np. ResizeObserver (https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver) albo window i eventu resize (https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event) albo w css media queries
1
Jak na kilka dni JavaScriptu to sobie znalazłeś nietrywialny temat. Nie wiem, co rozumiesz jako tryb desktopowy, ale jeśli ustawiasz tego hovera przez media query to najlepiej blokuj wykonanie listenera, jeśli ten warunek nie zachodzi. Patrz: https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia