JavaScript focusメソッドでテキストボックスにフォーカスを当てるサンプル
環境
Google Chrome 106.0.5249.119
Windows 10 Home 64bit
構文
const 変数名 = document.getElementById(“name");
変数名.focus()
focusメソッドを使ってテキストボックスにフォーカスを当てます。
使用例
<!DOCTYPE html> <html> <body> <input type="text" id="name" maxlength="10" value="test" /> <p><input type="button" value="表示" onclick="funA()" /></p> <script> function funA() { //要素「name」の値を取得 const cft = document.getElementById("name"); //フォーカスを当てる cft.focus(); } </script> </body> </html>
結果
「表示」ボタンを押すと、テキストボックスにフォーカスを当てます。