Heim > Web-Frontend > js-Tutorial > Wie kann ich das aktuell fokussierte DOM-Element in JavaScript ermitteln?

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

Mary-Kate Olsen
Freigeben: 2024-12-03 14:55:12
Original
206 Leute haben es durchsucht

How Can I Determine the Currently Focused DOM Element in JavaScript?

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;
Nach dem Login kopieren

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();
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage