A focus metódus

A focus metódus fókuszt állít be egy elemre (leggyakrabban egy input mezőre). Ez azt jelenti, hogy az input mezőben elkezd villogni a kurzor és a billentyűzetről beírt szöveg éppen ebbe az input mezőbe kerül.

Szintaxis

javascriptelem.focus();

Példa

Kattintásra egy gombra állítsunk be fókuszt egy input mezőre, egy másik gombra kattintva pedig vegyük el a fókuszt:

html<input value="szöveg" 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');

// A focus gombra kattintva állítsuk be a fókuszt az input mezőre:
focus.addEventListener('click', function() {
  input.focus();
});

// A blur gombra kattintva vegyük le a fókuszt az input mezőről:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Lásd még

  • a blur metódus,
    amellyel el lehet venni a fókuszt egy elemről