Element: focusout-Ereignis

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Das focusout-Ereignis wird ausgelöst, wenn ein Element den Fokus verloren hat, nach dem blur-Ereignis. Der Unterschied zwischen den beiden Ereignissen besteht darin, dass focusout aufsteigt, während blur dies nicht tut.

Das Gegenteil von focusout ist das focusin-Ereignis, das ausgelöst wird, wenn das Element den Fokus erhält.

Das focusout-Ereignis kann nicht abgebrochen werden.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener().

js
addEventListener("focusout", (event) => { })

Hinweis: Es gibt keine onfocusout-Ereignishandler-Eigenschaft für dieses Ereignis.

Ereignistyp

Ein FocusEvent. Erbt von UIEvent und Event.

Event UIEvent FocusEvent

Ereigniseigenschaften

Diese Schnittstelle erbt auch Eigenschaften von ihrem Elternteil UIEvent und indirekt von Event.

FocusEvent.relatedTarget

Das Element, das den Fokus erhält, falls vorhanden.

Beispiele

Live-Beispiel

HTML

html
<form id="form">
  <label>
    Some text:
    <input type="text" placeholder="text input" />
  </label>
  <label>
    Password:
    <input type="password" placeholder="password" />
  </label>
</form>

JavaScript

js
const form = document.getElementById("form");

form.addEventListener("focusin", (event) => {
  event.target.style.background = "pink";
});

form.addEventListener("focusout", (event) => {
  event.target.style.background = "";
});

Ergebnis

Spezifikationen

Specification
UI Events
# event-type-focusout

Hinweis: Die Spezifikation UI Events beschreibt eine Reihenfolge der Fokuserereignisse, die sich von der unterscheidet, was aktuelle Browser implementieren.

Browser-Kompatibilität

Siehe auch