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:

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

Klikšķinot uz pogas, iestatīsim ievades fokusu uz mūsu ievades lauku:

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

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