Antwort an „Gunnar Bittersmann“ verfassen

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

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

--
Ad astra per aspera
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar
freiwillig, öffentlich sichtbar

Ihre Identität in einem Cookie zu speichern erlaubt es Ihnen, Ihre Beiträge zu editieren. Außerdem müssen Sie dann bei neuen Beiträgen nicht mehr die Felder Name, E-Mail und Homepage ausfüllen.

abbrechen