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. Die beiden Ereignisse unterscheiden sich 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 ist nicht abbruchfähig.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignishandlereigenschaft.
addEventListener("focusout", (event) => { }) onfocusout = (event) => { } Ereignistyp
Ein FocusEvent. Erbt von UIEvent und Event.
Ereigniseigenschaften
Diese Schnittstelle erbt auch Eigenschaften von ihrem übergeordneten UIEvent und indirekt von Event.
-
Das Element, das den Fokus erhält, falls vorhanden.
Beispiele
Live-Beispiel
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 = ""; }); Ergebnis
Spezifikationen
| Specification |
|---|
| UI Events # event-type-focusout |
Hinweis: Die UI Events-Spezifikation beschreibt eine Reihenfolge von Fokusereignissen, die sich von der aktuellen Implementierung in Browsern unterscheidet.
Browser-Kompatibilität
Siehe auch
- Verwandte Ereignisse:
blur,focus,focusin - Fokussieren: focus/blur