Metóda focus

Metóda focus nastaví ohnisko na prvku (najčastejšie na vstupnom poli). To znamená, že v tomto vstupnom poli začne blikať kurzor a text zadaný z klávesnice bude smerovať práve do tohto vstupného poľa.

Syntax

javascriptprvok.focus();

Príklad

Po kliknutí na jedno tlačidlo nastavíme ohnisko na vstupnom poli a po kliknutí na druhé - odstránime ho:

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');

// Po kliknutí na tlačidlo focus nastavíme ohnisko vstupnému poľu:
focus.addEventListener('click', function() {
  input.focus();
});

// Po kliknutí na tlačidlo blur odstránime ohnisko zo vstupného poľa:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Pozri tiež