Metode focus

Die metode focus stel fokus op 'n element (meestal op 'n invoerveld). Dit beteken dat die kurator in hierdie invoerveld sal begin flikker en toetsenbordinsette sal presies in hierdie invoerveld verskyn.

Sintaksis

javascriptelement.focus();

Voorbeeld

Kom ons stel fokus op die invoerveld wanneer op een knoppie geklik word, en verwyder dit wanneer op 'n ander geklik word:

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

// Wanneer op die focus-knoppie geklik word, stel fokus op die invoerveld:
focus.addEventListener('click', function() {
  input.focus();
});

// Wanneer op die blur-knoppie geklik word, verwyder fokus van die invoerveld:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Kyk ook