Μέθοδος blur

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

Σύνταξη

element.blur();

Παράδειγμα

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

<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  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();
});

Δείτε επίσης

μέθοδος focus,
με την οποία μπορείτε να ορίσετε την εστίαση σε ένα στοιχείο