Problem mit Hamburger navigation container
bearbeitet von Gunnar Bittersmann@@Bendroid
> P.S: @Gunnar - Das Menü mit Esc zu schließen ist eine hervorragende Idee, bin selber absoluter Tastatur-Mensch (wenn ich überhaupt am Rechner sitze; das aktuelle Projekt habe ich zu 80 Prozent auf dem Mobile erstellt).
>
> Falls Du dazu ein Code-Beispiel hättest, wie man das Implementieren könnte, wäre ich sehr interessiert.
Das hätte ich: das schon gezeigte [Beispiel](https://codepen.io/gunnarbittersmann/pen/daLvML?editors=0010).
Zeilen 38–47:
```js
const keyupHandler = (event) => {
if (event.code === 'Escape')
{
this.close();
this.controlElement.focus();
}
}
this.element.addEventListener('keyup', keyupHandler);
this.controlElement.addEventListener('keyup', keyupHandler);
```
In der Eventhandlerfunktion `keyupHandler` wird geprüft, ob das Event durch die Esc-Taste ausgelöst wurde. Wenn ja, wird das Menü geschlossen und der Tastaturfokus wieder auf den Button zum Öffnen/Schließen des Menüs gesetzt.
🖖 Живіть довго і процвітайте
{:@uk}
--
*Ad astra per aspera*{:@la}