Fokusa un blur metodes JavaScript
Jūs jau zināt, kas ir ievades fokuss. Jūs arī zināt, kā iestatīt vai zaudēt fokusu: lai iestatītu, jānoklikšķina ievades laukā, un lai zaudētu - kādā citā vietā.
JavaScript tomēr pastāv īpašas
metodes, kas ļauj piespiedu kārtā iestatīt
fokusu ievades laukā vai noņemt to no turienes. Tās ir
metodes focus un blur.
Apskatīsim to darbību ar piemēru. Pieņemsim, ka mums ir šāds ievades lauks un poga:
<input id="elem" value="text">
<input type="submit" id="button">
Klikšķinot uz pogas, iestatīsim ievades fokusu uz mūsu ievades lauku:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Doti divi ievades lauki. Izveidojiet tā, lai pēc divu simbolu ievades ievades fokuss pārietu uz otro ievades lauku, un pēc divu simbolu ievades šajā ievades laukā - fokuss no tā tiktu noņemts.
