Fookuse ja blur meetodid JavaScriptis
Sa juba tead, mis on sisestusfookus. Sa tead ka, kuidas fookust seada või kaotada: fookuse seadmiseks klõpsa sisendväljal ja kaotamiseks - mõnel muul kohal.
JavaScriptis on aga spetsiaalsed
meetodid, mis võimaldavad sundida fookuse seadmist
input elemendile või selle eemaldamist sealt. Need on
meetodid focus ja blur.
Vaatame nende toimimist näite varal. Olgu meil selline input ja nupp:
<input id="elem" value="text">
<input type="submit" id="button">
Teeme nii, et nupule vajutades seatakse fookus meie input elemendile:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Antud on kaks input elementi. Tehke nii, et pärast kahe sümboli sisestamist läheks sisestusfookus teise input elementi, ja pärast kahe sümboli sisestamist sellesse input elementi - fookus sealt eemaldataks.
