JavaScript'te focus ve blur Metotları

Giriş odağının ne olduğunu zaten biliyorsunuz. Ayrıca odağı nasıl ayarlayacağınızı veya kaybedeceğinizi de biliyorsunuz: ayarlamak için giriş alanına tıklamanız, kaybetmek için ise başka bir yere tıklamanız gerekir.

Ancak JavaScript'te, bir giriş alanına odağı zorla ayarlamanıza veya oradan kaldırmanıza izin veren özel metotlar vardır. Bunlar focus ve blur metotlarıdır.

Hadi bir örnek üzerinde çalışmalarını görelim. Diyelim ki bizim bir giriş alanımız ve bir butonumuz var:

<input id="elem" value="text">
<input type="submit" id="button">

Hadi butona tıklandığında giriş alanımıza odaklanmayı sağlayalım:

let elem   = document.querySelector('#elem');
let button = document.querySelector('#button');

button.addEventListener('click', function() {
	elem.focus();
});

İki giriş alanı verilmiştir. İlk giriş alanına iki karakter girildikten sonra giriş odağının ikinci giriş alanına geçmesini ve bu giriş alanına iki karakter girildikten sonra ise odaktan çıkmasını sağlayın.