Element: focusin Ereignis
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Das focusin
Ereignis tritt auf, wenn ein Element den Fokus erhalten hat, nach dem focus
Ereignis. Die beiden Ereignisse unterscheiden sich darin, dass focusin
durchblubbert, während focus
dies nicht tut.
Das Gegenteil von focusin
ist das focusout
Ereignis, das ausgelöst wird, wenn das Element den Fokus verloren hat.
Das focusin
Ereignis ist nicht abbruchbar.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener()
.
addEventListener("focusin", (event) => {});
Ereignistyp
Ein FocusEvent
. Erbt von UIEvent
und Event
.
Ereigniseigenschaften
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-focusin |
Hinweis: Die UI Events Spezifikation beschreibt eine Reihenfolge der Fokus-Ereignisse, die von den aktuellen Browsern anders implementiert wird.
Browser-Kompatibilität
BCD tables only load in the browser
Siehe auch
- Verwandte Ereignisse:
blur
,focus
,focusout
- Fokus: focus/blur