jquery focusメソッド

TOPページに戻る > jquery入門

スポンサード リンク

jquery focus()メソッド

focusメソッドは、セレクタで指定した要素にフォーカスがあたったときに処理を実行するメソッドです

$("セレクタ").focus(function(){
	フォーカスがあたったときに実行する処理
});

指定した要素にフォーカスがあたったときに処理を実行する

下記の場合は、input要素にvalメソッドでテキストを表示しておき、フォーカス状態になったときにvalメソッドでテキストを消しています

jquery

$(function(){
	$("input").val("メールを入力して下さい").focus(function(){
		$(this).val("");
	});
});

html

<fieldset>
<legend>メールフォーム</legend>
<p><label>メール入力欄:<input type="text" name="f2" value="" size="45"></label></p>
<p><button>送信</button></p>
</fieldset>

※サンプルのためサーバーには送信されません

メールフォーム








(C)2012 ホームページ作成無料