Wie kann ich das aktuell fokussierte DOM-Element in JavaScript ermitteln?

Bestimmen des Elements mit Fokus in JavaScript

Das Finden des DOM-Elements, das aktuell den Fokus besitzt, kann eine nützliche Aufgabe für verschiedene Benutzeroberflächeninteraktionen sein.

document.activeElement

Die Lösung für dieses Problem liegt in der document.activeElement-Eigenschaft. Es stellt den Verweis auf das DOM-Element bereit, das den Fokus hält. Diese Eigenschaft wird in allen modernen Browsern unterstützt und ist somit eine zuverlässige Lösung für JavaScript-Projekte.

Implementierung

Um document.activeElement in der Praxis zu verwenden, können Sie das fokussierte Element abrufen so:

const focusedElement = document.activeElement;

Dadurch erhalten Sie einen Verweis auf das aktuell fokussierte Element, sodass Sie es manipulieren oder alle erforderlichen Schritte ausführen können Vorgänge.

Zusätzliche Überlegungen

In älteren Browsern war es nicht einfach zu erkennen, welches Formularfeld den Fokus hat. Um dieses Problem zu umgehen, können Sie allen Feldern die Ereignishandler „Fokus“ und „Unschärfe“ zuweisen und so das zuletzt fokussierte Element in einer Variablen verfolgen. Der „Unschärfe“-Handler würde diese Variable löschen, wenn er den Fokus verliert.

Das aktive Element verwischen

Sobald Sie den Verweis auf das aktive Element haben, können Sie die Unschärfe verwenden Methode, um den Fokus davon zu entfernen. Dies kann nützlich sein, wenn Sie den Fokus programmgesteuert auf ein anderes Element verschieben müssen:

document.activeElement.blur();

Dadurch wird der Fokus zurück auf das Körperelement übertragen.

Verwandte Ressourcen

• [activeElement Browser Kompatibilität](https://developer.mozilla.org/en-US/docs/Web/API/document.activeElement#Browser_compatibility)
• [jQuery-Alternative für document.activeElement](https://stackoverflow. com/questions/9508980/jquery-alternative-for-document-activeelement)

Das obige ist der detaillierte Inhalt vonWie kann ich das aktuell fokussierte DOM-Element in JavaScript ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!