Zdarzenie focus

Zdarzenie focus

Zdarzenie focus jest wywoływane wtedy, gdy element interfejsu użytkownika otrzymuje fokus, czyli staje się aktywny i gotowy do przyjmowania danych od użytkownika. Może to nastąpić np. po kliknięciu pola tekstowego myszą, przejściu do niego klawiszem Tab albo ustawieniu fokusu programowo.

W pytaniu egzaminacyjnym poprawną odpowiedzią jest focus, ponieważ kliknięcie nieaktywnej kontrolki lub okna powoduje jej uaktywnienie.

Co oznacza fokus?

Fokus wskazuje, który element aktualnie „ma uwagę” aplikacji. Przykładowo:

• pole tekstowe z fokusem przyjmuje wpisywane znaki,
• przycisk z fokusem może zostać aktywowany klawiszem Enter lub spacją,
• kontrolka bez fokusu nie reaguje bezpośrednio na wpisywanie z klawiatury.

Przykład w JavaScript

const input = document.querySelector("#imie");

input.addEventListener("focus", function () {
  console.log("Pole otrzymało fokus");
});

Po kliknięciu pola input lub przejściu do niego klawiszem Tab zostanie wykonana funkcja obsługi zdarzenia.

Zdarzenia podobne

• blur – występuje, gdy element traci fokus,
• keyup – występuje po puszczeniu klawisza klawiatury,
• validating – związane ze sprawdzaniem poprawności danych, np. w formularzach Windows Forms.

Do zapamiętania

Jeżeli kontrolka lub okno było nieaktywne, a użytkownik kliknął je myszą i stało się aktywne, wywoływane jest zdarzenie focus.