blurメソッド
blurメソッドは、要素からフォーカスを解除します。
構文
element.blur();
例
1つのボタンをクリックすると入力欄にフォーカスを設定し、別のボタンをクリックするとそれを解除してみましょう：
<input value="text" id="input">
<input type="button" value="focus" id="focus">
<input type="button" value="blur" id="blur">
let 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();
});
:
関連項目
-
focusメソッド
要素にフォーカスを設定するために使用できます
