focus-metodi

Metodi focus asettaa fokuksen elementille (useimmiten input-elementille). Tämä tarkoittaa, että tässä input-elementissä alkaa vilkkuva kohdistin ja näppäimistöllä kirjoitettu teksti menee tarkalleen tähän input-elementtiin.

Syntaksi

javascriptelementti.focus();

Esimerkki

Laittakaamme yhden napin klikkauksella fokuksen input-elementtiin, ja toisen napin klikkauksella - poistakaamme se:

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

// Focus-napin klikkauksella asetetaan fokus input-elementille:
focus.addEventListener('click', function() {
  input.focus();
});

// Blur-napin klikkauksella poistetaan fokus input-elementiltä:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Katso myös