Problem mit Hamburger navigation container

[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.

Zeilen 38–47:

	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.

Im anderen Beispiel mit Hamburg-Menü steht dasselbe in Grün in den Zeilen 31–37.

🖖 Живіть довго і процвітайте