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 の定義
廃止された

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
blurChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 5IE 完全対応 9Opera 完全対応 ありSafari 完全対応 10WebView Android 完全対応 4.4Chrome Android 完全対応 18Firefox Android 完全対応 5Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?

凡例

完全対応  
完全対応
実装状況不明  
実装状況不明

関連情報