blurメソッド

blurメソッドは、要素からフォーカスを解除します。

構文

javascriptelement.blur();

例

1つのボタンをクリックすると入力欄にフォーカスを設定し、別のボタンをクリックするとそれを解除してみましょう：

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');

// ボタンfocusをクリックすると入力欄にフォーカスを設定：
focus.addEventListener('click', function() {
  input.focus();
});

// ボタンblurをクリックすると入力欄からフォーカスを解除：
blur.addEventListener('click', function() {
  input.blur();
});

Результат:

関連項目