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

Identifizieren des fokussierten DOM-Elements in JavaScript

Herauszufinden, welches DOM-Element den Fokus hat, ist entscheidend für die Verbesserung der Benutzererfahrung und die Steuerung der Elementinteraktion. In JavaScript kann dies mithilfe der Eigenschaft document.activeElement erreicht werden.

Verwendung von document.activeElement

document.activeElement stellt das aktuell fokussierte Element im Dokument dar. Es gibt das Element zurück, das den aktiven Fokus hat, z. B. ein Eingabefeld, einen Textbereich oder eine Schaltfläche. Diese Eigenschaft wird von allen gängigen Browsern unterstützt.

Beispiel:

const focusedElement = document.activeElement;
console.log("Focused element:", focusedElement.tagName);

Alternative Ansätze für ältere Browser

In In älteren Browsern gab es keine direkte Möglichkeit, das fokussierte Element zu bestimmen. Um diese Erkennung zu emulieren, können allen Formularfeldern Ereignishandler für „Fokus“ und „Unschärfe“ hinzugefügt werden. Wenn ein Feld den Fokus erhält, kann seine Referenz in einer Variablen gespeichert werden. Wenn umgekehrt ein Feld den Fokus verliert, kann die Variable gelöscht werden.

ActiveElement verwischen

Wenn Sie das activeElement entfernen möchten, können Sie die Methode „blur()“ verwenden . Dadurch wird das activeElement in das body-Element geändert.

document.activeElement.blur();

Zusätzliche Ressourcen

• [activeElement-Browserkompatibilität](https://developer.mozilla.org /en-US/docs/Web/API/Document/activeElement)
• [jQuery-Alternative für document.activeElement](https://api.jquery.com/jQuery.fn.prop/)

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