Dasfocusout-Ereignis wird ausgelöst, wenn ein Element den Fokus verloren hat, nach demblur-Ereignis. Die beiden Ereignisse unterscheiden sich darin, dassfocusout aufsteigt, währendblur dies nicht tut.

Das Gegenteil vonfocusout ist dasfocusin-Ereignis, das ausgelöst wird, wenn das Element den Fokus erhält.

Dasfocusout-Ereignis ist nicht abbruchfähig.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wieaddEventListener() oder setzen Sie eine Ereignishandlereigenschaft.

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

Ereignistyp

EinFocusEvent. Erbt vonUIEvent undEvent.

Ereigniseigenschaften

Diese Schnittstelle erbt auch Eigenschaften von ihrem übergeordnetenUIEvent und indirekt vonEvent.

FocusEvent.relatedTarget

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

Beispiele

Live-Beispiel

HTML

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

JavaScript

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

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Verwandte Ereignisse:blur,focus,focusin
• Fokussieren: focus/blur