Μέθοδος focus

Η μέθοδος focus ορίζει την εστίαση σε ένα στοιχείο (συνήθως σε input). Αυτό σημαίνει ότι σε αυτό το input θα αρχίσει να αναβοσβήνει ο δρομέας και το κείμενο που πληκτρολογείται από το πληκτρολόγιο θα εισέρχεται ακριβώς σε αυτό το input.

Σύνταξη

στοιχείο.focus();

Παράδειγμα

Ας κάνουμε κλικ σε ένα κουμπί για να ορίσουμε την εστίαση σε ένα input, και κλικ σε ένα άλλο - για να την αφαιρέσουμε από αυτό:

<input value="κείμενο" id="input">
<input type="button" value="εστίαση" id="focus">
<input type="button" value="θολώσει"  id="blur">

let input = document.querySelector('#input');
let focus = document.querySelector('#focus');
let blur  = document.querySelector('#blur');

// Με κλικ στο κουμπί focus θα ορίσουμε εστίαση στο input:
focus.addEventListener('click', function() {
	input.focus();
});

// Με κλικ στο κουμπί blur θα αφαιρέσουμε την εστίαση από το input:
blur.addEventListener('click', function() {
	input.blur();
});

Δείτε επίσης

μέθοδος blur,
με τη βοήθεια της οποίας μπορείτε να αφαιρέσετε την εστίαση από ένα στοιχείο