HTMLElement.blur()

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

構文

element.blur();

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

HTML

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

JavaScript

function focusInput() {
  document.getElementById('myText').focus();
}
function blurInput() {
  document.getElementById('myText').blur();
}

結果

仕様

仕様 状態 コメント
HTML Living Standard
blur の定義
現行の標準
HTML 5.1
blur の定義
勧告
HTML5
blur の定義
勧告
Document Object Model (DOM) Level 2 HTML Specification
blur の定義
廃止

ブラウザーの互換性

BCD tables only load in the browser

関連情報