[JavaScript]focusとは？使い方を紹介

JavaScriptのコードで登場するfocus()というメソッド。

この使い方を紹介します。

focusとは？

端的に言うと

「特定の入力フォームにフォーカスを合わせるスクリプトです」

例えばチャットの入力フォームのようなものを想像してみてください。

|テキスト入力フォーム|    [送信ボタン]

のようなデザインとしましょう。ユーザーは入力フォームにテキストを入れ送信ボタンを押します。

一連の流れで送信ボタンを押した後、またマウスのカーソルをテキスト入力フォームに置きたいわけです。

こういった時にfocusメソッドの出番というわけです。

上記の例だと、送信ボタンのイベントにfocusを仕込むという方法が考えられます。

element.focus()