JavaScript inputやtextarea 入力可能なところにフォーカスする方法

Webページを開いたときや何かをクリックしたときに、
特定のフォームのinputボックス(input, textarea)などにフォーカスを
与えたいとき（カーソルを移動したい）があります。

例えば、検索ボックスにページをロードしたときに、カーソルを合わせて
あげたり、ログインボックスにカーソルを最初から入れておくと
いったことです。

例えば、下記のHTMLがあって、

<form name="form1">
	<input type="text" name="search" value="">
	<input type="submit" value="検索">
</form>

上記の検索用キーワードを入れる input にフォーカスをあてるには、

<script type="text/javascript"><!--
var d = document;
var e = d.getElementById('search');
if(e) {
	e.focus();
}
//-->
</script>

とか

// document. フォームの名前 . 要素の名前 . focus();
document.form1.search.focus();

になります。

window.loadやbodyのonloadなどに指定してやるとページを開いたときに、
フォーカスをあててやることができます。

<body onLoad="document.form1.search.focus();">

いつもシェア、ありがとうございます！

もっと情報を探しませんか？

JavaScript

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12