jQuery.jsで読み込み時に自動でフォームにフォーカス

画面を読み込んだ際に、自動でフォームにカーソルをフォーカスします。
普通に
<body onLoad="document.form.field.focus();">
としてもよいのですが、
あえてjQuery.jsを使ってみました。


○JavaScript実行例

{{insert_meta jQueryFocus}}


○ソース

<script type="text/javascript" src="./jquery-1.4.1.min.js"></script>
<script type="text/javascript">
<!--
// ロード時に自動でカーソルを合わせる
$(document).ready( function() {
$("#mytext").focus()
});
//-->
</script>
<form action="#">
<input type="text" id="mytext" size="40" />
<input type="submit" value="送信" />
</form>

ソースは見たまんまですが
jQuery.jsのreadyを使ってfocusしています。

JavaScriptの部分は<head>〜</head>の間に書いても問題無し。

※ちなみにjQueryのreadyメソッドはonloadイベントより前に呼ばれるそうです。

カテゴリー: JavaScript   パーマリンク

jQuery.jsで読み込み時に自動でフォームにフォーカス への1件のコメント

  1. Domino Qiu Qiu より:

    Do you have any video of that? jQuery.jsで読み込み時に自動でフォームにフォーカス | muzin I’d care to find out more details. and you can read my article about Domino Qiu Qiu http://feraripoker.com/

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>