Fokus og blur metoder i JavaScript
Du vet allerede hva innfokus er. Du vet også hvordan du setter eller mister fokus: for å sette fokus må du klikke i inntastingsfeltet, og for å miste det - et annet sted.
I JavaScript finnes det imidlertid spesielle
metoder som lar deg tvinge innfokus
i en input eller fjerne det derfra. Dette er
metodene focus og blur.
La oss se på hvordan de fungerer med et eksempel. La oss si at vi har følgende input og knapp:
<input id="elem" value="text">
<input type="submit" id="button">
La oss sette innfokus i inputfeltet vårt når vi klikker på knappen:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Det er gitt to inputfelt. Gjør slik at etter innsetting av to tegn går innfokus over til det andre inputfeltet, og etter innsetting av to tegn i dette feltet - fjernes fokus fra det.
