Methode blur

De methode blur verwijdert de focus van een element.

Syntaxis

javascriptelement.blur();

Voorbeeld

Laten we bij een klik op de ene knop de focus op een inputveld zetten, en bij een klik op de andere - verwijderen het:

html<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur"  id="blur">

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

// Bij klik op de focus-knop zetten we de focus op het inputveld:
focus.addEventListener('click', function() {
  input.focus();
});

// Bij klik op de blur-knop verwijderen we de focus van het inputveld:
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

Zie ook