ベストアンサー

フォームの動作についてお願いします！

2002/11/19 16:08

<FORM NAME="form1"> <INPUT NAME="text1" TYPE="text"> <INPUT TYPE="button" value="表示" onclick="daialog()"> </FORM> <script language="JavaScript">  </script> －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－と上のようにテキストボックスの中身をアラートで返すスクリプトがあるのですが、検索ページ(google等)のようにボタンを押さずとも、エンターキーを押せばdaialog()が呼びだされるようにするにはどうすればいいでしょうか。。。 <FORM>に関係がありそうなのでJavaScriptのカテゴリにじゃないかもしれませんが、どなたかよろしくお願いします！！

meke2
お礼率79% (23/29)

JavaScript
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

leaz024
ベストアンサー率75% (398/526)

2002/11/19 16:25 回答No.2

Submitボタンの押下やテキストボックス内での Enter など、全送信アクションに対してイベントを関連付けるには、FORMタグの onSubmit に処理を書きます。以下のように書き直してみて下さい。 FORM部 <FORM NAME="form1" onSubmit="return daialog()"> <INPUT NAME="text1" TYPE="text"> <INPUT TYPE="submit" value="表示"> </FORM> Script部 <script language="JavaScript">  </script> 関数daialog から false を return し、onSubmit 部でその値を更に return します。こうすることで、FORM本来の送信動作をキャンセルすることが出来ます。

質問者

お礼 2002/11/19 23:30

ご回答ありがとうございます！！早速試してみると‥‥おぉ！と思わず感激してしまいました！ “return”を使ったスクリプトをときどき見かけますが、ようやく意味が分かった感じがします(笑) 分かりやすい解説でした。どうもありがとうございました！！

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

furuichi9
ベストアンサー率26% (80/303)

2002/11/19 16:36 回答No.3

<FORM NAME="form1"onSubmit="daialog(); return false"> <INPUT NAME="text1" TYPE="text"> <input type="button" value="ENTER" onClick="daialog(); return false;"> </FORM> <script language="JavaScript">  </script> NO.2さんの方がいいですね。一応FORMだけ書いておきました。

質問者

お礼 2002/11/19 23:43

アドバイスありがとうございます！＞NO.2さんの方がいいですね。いえいえ、こちらも参考になりました！<input type="submit">がなくても「Enter」を押せばonSubmit=""が働くみたいですね！これはこれで使えるかも。です(笑)

ログインすると、全ての回答が全文表示されます。

noname#3345

2002/11/19 16:22 回答No.1

<FORM NAME="form1"" onSubmit="daialog()"> <INPUT NAME="text1" TYPE="text"> <INPUT TYPE="submit" value="表示> </FORM> としてやればいいかと。ただ、エンターキーで動作するのはIEだけだったと思います。

質問者