HTMLElement: blur() メソッド

HTMLElement.blur() メソッドは、現在の要素からキーボードフォーカスを取り除きます。

構文

js
blur()

引数

なし。

返値

なし (undefined)。

例

テキスト入力からフォーカスを取り除く

HTML

html
<input type="text" id="sampleText" value="サンプルテキスト" /><br /><br />
<button type="button" onclick="focusInput()">
  クリックするとフォーカスを得ます
</button>

JavaScript

js
function focusInput() {
  const textField = document.getElementById("sampleText");

  textField.focus();

  // 入力欄から 3 秒後にフォーカスが外れる
  setTimeout(() => {
    textField.blur();
  }, 3000);
}

結果

仕様書

Specification
HTML Standard
# dom-blur-dev

ブラウザーの互換性

BCD tables only load in the browser

関連情報