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:

html<input id="elem" value="text">
<input type="submit" id="button">

Sprawmy, aby po kliknięciu przycisku ustawić fokus wprowadzania w naszym polu:

javascriptlet elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

button.addEventListener('click', function() {
  elem.focus();
});