エンターキーによる検索。

質問

すみませんが、よろしくお願いいたします。

フォームで検索できるようにしているのですが、エンターキーを押すと検索ボックスの文字が消えてしまい、検索できません。

一方、「送信」ボタンを押すと正常に動作します。

一般的なポータルサイトのように、検索ボックスにキーワードを記入し、その後エンターキーを押すだけで検索できるようにするにはどうすればよいのでしょうか。

よろしくお願いいたします。

＝＝＝＝＝＝＝＝＝＝＝＝

<form>
<input type="text" id="txtWord" size="50" value="" />
<INPUT type="hidden" value="1" id="page1" name="page">
<INPUT type="button" value="検索" onclick="execute()">
</form>

回答No.1

うぃず（@Wizard_Zero） · ベストアンサー

IE6でしか試していませんが。
「送信」ボタンはどこにもないので「検索」ボタンのことだと勝手に考えました。

<form onsubmit="execute(); return false;">
<input type="text" id="txtWord" size="50" value="" />
<INPUT type="hidden" value="1" id="page1" name="page">
<INPUT type="button" value="検索" onclick="execute()">
</form>

お礼

すみません。ご指摘どおり、「検索」ボタンでした。

そして、教えていただいたとおり記述したところ、無事エンターキーで動作が可能となりました。

自分で調べた限りわからず困っていたのですが、お蔭様で解決いたしました。

ありがとうございました。