focus Metodu

focus metodu, bir elemente (genellikle bir input'a) odaklanmayı sağlar. Bu, input'ta imlecin yanıp söneceği ve klavyeden girilen metnin doğrudan bu input'a yazılacağı anlamına gelir.

Sözdizimi

javascriptelement.focus();

Örnek

Bir butona tıklandığında input'a odaklanalım, diğerine tıklandığında ise odaklanmayı kaldıralım:

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 butonuna tıklandığında input'a odaklan:
focus.addEventListener('click', function() {
  input.focus();
});

// Blur butonuna tıklandığında input'tan odağı kaldır:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Ayrıca Bakınız

  • metod blur,
    bir elementten odağı kaldırmak için kullanılır