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
element.focus();
Örnek
Bir butona tıklandığında input'a odaklanalım, diğerine tıklandığında ise odaklanmayı kaldıralım:
<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur" id="blur">
let 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