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

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

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

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

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

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

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

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