Metoda focus

Metoda focus setează focusul pe un element (cel mai adesea pe un input). Aceasta înseamnă că în acel input va începe să clipească cursorul și textul introdus de la tastatură va ajunge exact în acel input.

Sintaxă

javascriptelement.focus();

Exemplu

Să dăm click pe un buton pentru a seta focusul pe input, iar la click pe altul - să îl eliminăm:

html<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">
javascriptlet input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// La click pe butonul focus setăm focusul pe input:
focus.addEventListener('click', function() {
  input.focus();
});

// La click pe butonul blur eliminăm focusul de pe input:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Vezi și

  • metoda blur,
    cu ajutorul căreia poți elimina focusul de pe un element