Focus metodu

focus metodu elementə (ən çox inputda) fokusu qoyur. Bu o deməkdir ki, bu inputda kursor yanıb-sönməyə başlayacaq və klaviaturadan daxil edilən mətn məhz bu inputa düşəcək.

Sintaksis

javascriptelement.focus();

Nümunə

Gəlin bir düyməyə klikləməklə inputa fokusu qoyaq, digərinə klikləməklə isə onu arxaya alaq:

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 düyməsinə klikləməklə inputa fokusu qoyuruq:
focus.addEventListener('click', function() {
  input.focus();
});

// Blur düyməsinə klikləməklə inputdan fokusu arxaya alırıq:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Həmçinin bax

  • blur metodu,
    onun köməyi ilə elementdən fokusu arxaya almaq olar