Metody focus i blur w JavaScript
Wiesz już, czym jest fokus wprowadzania. Wiesz również, jak ustawić lub stracić fokus: aby ustawić, należy kliknąć w pole wprowadzania, a aby stracić - w jakieś inne miejsce.
W JavaScript istnieją jednak specjalne
metody, które pozwalają na wymuszenie ustawienia
fokusu w polu wprowadzania lub jego usunięcie. Są to
metody focus i blur.
Przyjrzyjmy się ich działaniu na przykładzie. Załóżmy, że mamy takie pole wprowadzania i przycisk:
<input id="elem" value="text">
<input type="submit" id="button">
Sprawmy, aby po kliknięciu przycisku ustawić fokus wprowadzania w naszym polu:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Dane są dwa pola wprowadzania. Spraw, aby po wpisaniu dwóch znaków fokus wprowadzania przechodził do drugiego pola, a po wpisaniu dwóch znaków w tym polu - fokus był z niego usuwany.
