focus და blur მეთოდები JavaScript-ში

თქვენ უკვე იცით, რა არის შეყვანის ფოკუსი. თქვენ ასევე იცით, როგორ დააყენოთ ან დაკარგოთ ფოკუსი: დასაყენებლად საჭიროა დააწკაპუნოთ ველში შეყვანისას, ხოლო დასაკარგად - სხვა ადგილას.

JavaScript-ში, თუმცა, არსებობს სპეციალური მეთოდები, რომლებიც საშუალებას აძლევს იძულებით დააყენოთ ფოკუსი ინპუტში ან ამოიღოთ იგი იქიდან. ეს არის მეთოდები focus და blur.

მოდით ვნახოთ მათი მუშაობა მაგალითზე. მოდით გვქონდეს აქ ინპუტი და ღილაკი:

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

მოდით ღილაკზე დაწკაპუნებისას დავაყენოთ ფოკუსი შეყვანისას ჩვენს ინპუტზე:

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

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

მოცემულია ორი ინპუტი. გახადეთ ისე, რომ ორი სიმბოლოს შეყვანის შემდეგ შეყვანის ფოკუსი გადავიდეს მეორე ინპუტზე, ხოლო ორი სიმბოლოს შეყვანის შემდეგ ამ ინპუტში - ფოკუსი მასიდან ამოიღონ.