focusメソッド

メソッド focus は要素（主に入力フィールド）にフォーカスを設定します。これは、その入力フィールドでカーソルが点滅し始め、キーボードから入力されたテキストがまさにその入力フィールドに入力されることを意味します。

構文

要素.focus();

例

あるボタンのクリックで入力フィールドにフォーカスを設定し、別のボタンのクリックでフォーカスを外してみましょう：

<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メソッド

構文

例

関連項目