Element: focusin Ereignis
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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
focusin event |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- Partial support
- Partial support
Siehe auch
- Verwandte Ereignisse:
blur
,focus
,focusout
- Fokus: focus/blur