HTMLElement: blur() メソッド
Baseline
広く利用可能
この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。
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);
}
結果
仕様書
| 仕様書 |
|---|
| HTML # dom-blur-dev |