Μέθοδοι focus και blur στο JavaScript

Γνωρίζετε ήδη τι είναι η εστίαση εισόδου. Επίσης γνωρίζετε πώς να ορίσετε ή να χάσετε την εστίαση: για να την ορίσετε πρέπει να κάνετε κλικ στο πεδίο εισόδου, και για να την χάσετε - σε κάποιο άλλο σημείο.

Στο JavaScript, ωστόσο, υπάρχουν ειδικές μέθοδοι που επιτρέπουν τον εξαναγκασμένο ορισμό της εστίασης σε ένα input ή την απομάκρυνσή της από εκεί. Αυτές είναι οι μέθοδοι focus και blur.

Ας δούμε τη λειτουργία τους με ένα παράδειγμα. Ας υποθέσουμε ότι έχουμε ένα input και ένα κουμπί:

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

Ας ορίσουμε την εστίαση εισόδου στο input μας με το πάτημα του κουμπιού:

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

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

Δίνονται δύο inputs. Κάντε έτσι ώστε μετά από την εισαγωγή δύο χαρακτήρων η εστίαση εισόδου να πηγαίνει στο δεύτερο input, και μετά την εισαγωγή δύο χαρακτήρων σε αυτό το input - η εστίαση να αφαιρείται από αυτό.