Fokus en Blur Metodes in JavaScript
Jy weet reeds wat invoerfokus is. Jy weet ook hoe om fokus te stel of te verloor: om te stel moet jy op die invoerveld klik, en om te verloor - op 'n ander plek.
In JavaScript bestaan daar egter spesiale
metodes wat jou toelaat om fokus in 'n invoerveld te forseer
of dit te verwyder. Dit is
die metodes focus en blur.
Kom ons kyk na hulle werking met 'n voorbeeld. Laat ons 'n invoerveld en 'n knoppie hê:
<input id="elem" value="text">
<input type="submit" id="button">
Laat ons by die klik op die knoppie fokus stel op ons invoerveld:
let elem = document.querySelector('#elem');
let button = document.querySelector('#button');
button.addEventListener('click', function() {
elem.focus();
});
Twee invoervelde word gegee. Maak dit so dat nadat twee karakters ingevoer is, die fokus oorgaan na die tweede invoerveld, en nadat twee karakters in hierdie invoerveld ingevoer is - die fokus daarvan verwyder word.
