EnterキーでのSubmitの仕方

Question

前提・実現したいこと

HTMLとJavaScriptで認証画面を作ろうと考えています。
＊認証後に何か権限を得られるわけではないので、セキュリティー上の問題については考えていません。

コード

<script language="JavaScript" type="text/javascript">
　function nextPage(){
　pwd=document.form1.pass.value;
　location.href="./pass/"+pwd+".html";
　}
</script>
<form name="form1">
　Pass：<input type="password" name="pass">
　<input type="submit" value="Login" onClick="nextPage();">
</form> 

フォームに文字列を入力し、Loginを押すと入力した文字列を指定位置に含んだページに遷移するようにしました。

わからないこと

Enterキーを押した際にLoginする方法がわかりません。

Answer 1

ちょっと推測にしかなりませんが、
Enterを押す＝formの送信
になるので、基本はformタグのaction、methodの初期値で送信されるはず。

ということで、「Enter押下時のイベントを取得したい」とお見受けしました。
たぶん。

type=buttonに変えてもEnter送信は発生するので、「Enterでsubmitさせる」のではなく、いっそのことformのsubmitイベントを拾ってボタンと共通の処理をさせては如何でしょう。
HTMLFormElement: submit イベント

preventDefaultも忘れずに。

Comments

[m.ts10806]

formの機能使わないならformタグ要らないなとは思った。