JavaScript-də focus və blur metodları

Siz artıq daxil etmə fokusunun nə olduğunu bilirsiniz. Siz həmçinin bilirsiniz ki, fokusu necə təyin etmək və ya itirmək olar: fokusu təyin etmək üçün daxil etmə sahəsinə klik etmək, itirmək üçün isə başqa bir yerə klik etmək lazımdır.

JavaScript-də, lakin, xüsusi metodlar var ki, onlar fokusu məcburi olaraq daxil etmə sahəsinə yönəltməyə və ya oradan çıxarmağa imkan verir. Bunlar focus və blur metodlarıdır.

Gəlin onların işini bir nümunədə görək. Tutaq ki, bizim belə bir daxil etmə sahəsi və düyməsi var:

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

Gəlin düyməyə kliklədikdə daxil etmə fokusunu bizim daxil etmə sahəmizə yönəldək:

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

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

Iki daxil etmə sahəsi verilib. Elə edin ki, iki simvol daxil edildikdən sonra daxil etmə fokusu ikinci daxil etmə sahəsinə keçsin, ikinci daxil etmə sahəsində iki simvol daxil edildikdən sonra isə fokus oradan çıxsın.