Element: focusout-Ereignis

Eingeschränkt verfügbar

Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.

Mehr erfahren
Vollständige Kompatibilität anzeigen

Das focusout-Ereignis tritt auf, wenn ein Element den Fokus verloren hat, nach dem blur-Ereignis. Der Unterschied zwischen den beiden Ereignissen ist, 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 ist nicht abbruchfähig.

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandler-Eigenschaft.

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

onfocusout = (event) => { }

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

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

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

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