Методи 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();
});

Дата су два инпута. Направите тако да након уноса два карактера фокус уноса пређе на други инпут, а након уноса два карактера у овај инпут – фокус се из њега уклони.