Wie löschen Sie den Fokus in Javascript?

Ich weiß, dass dies nicht so schwer sein sollte, aber ich konnte die Antwort bei Google nicht finden.

Ich möchte ein Stück Javascript ausführen, das den Fokus von jedem Element löscht, auf dem es sich befindet, ohne vorher zu wissen, auf welchem ​​Element sich der Fokus befindet. Es muss sowohl mit Firefox 2 als auch mit moderneren Browsern funktionieren.

Gibt es eine gute Möglichkeit, dies zu tun?

Antworten: document.activeElement

---bearbeiten----

Technisch: document.activeElement.blur()

---- edit 2 ----

function onElementFocused(e)
{
    if (e && e.target)
        document.activeElement = e.target == document ? null : e.target;
} 

if (document.addEventListener) 
    document.addEventListener("focus", onElementFocused, true);

.focus()und dann noch .blur()etwas Beliebiges auf Ihrer Seite. Da nur ein Element den Fokus haben kann, wird es auf dieses Element übertragen und dann entfernt.

document.activeElement.blur();

Funktioniert in IE9 falsch - es verwischt das gesamte Browserfenster, wenn das aktive Element der Dokumentkörper ist. Besser für diesen Fall zu überprüfen:

if (document.activeElement != document.body) document.activeElement.blur();

Keine der hier angegebenen Antworten ist bei Verwendung von TypeScript vollständig korrekt, da Sie möglicherweise nicht wissen, welche Art von Element ausgewählt ist.

Dies wäre daher vorzuziehen:

if (document.activeElement instanceof HTMLElement)
    document.activeElement.blur();

Ich würde außerdem davon abraten, die in der akzeptierten Antwort angegebene Lösung zu verwenden, da die daraus resultierende Unschärfe nicht Teil der offiziellen Spezifikation ist und jederzeit brechen kann.

dummyElem.focus () wobei dummyElem ein verstecktes Objekt ist (z. B. einen negativen zIndex hat)?

Sie können window.focus () aufrufen.

Das Verschieben oder Verlieren des Fokus kann jedoch jeden stören, der die Tabulatortaste verwendet, um sich auf der Seite zurechtzufinden.

Sie können auf den Schlüsselcode 13 warten und auf den Effekt verzichten, wenn Sie die Tabulatortaste drücken.

Mit jQuery ist es einfach: $(this).blur();