.log(ぽちろぐ)

退屈しているおっさんの日記

Enterキーでsubmit


     通常、submitを書くとき、送信ボタンは
    <input type="submit" value="送信">
    
    だけど、webシステムでは、そうじゃ無いこともある。
    <a href="JavaScript:checkAndSubmit();" onclick="return trueOrFalse();"&gt;&lt;img src="button.gif"></a>
    
    だったりするわけだ。 上記の時は、Enterキー押下でsubmitできるけど、下記の時はわざわざマウスでクリックしないと submitできないわけだ。でも、Enterキー押下でsubmitしたいじゃない?。
     そんなときは、エンターキーを押しましたよ、をイベントとして拾って、スクリプトを動かす。
    <form>
    <input type="text" onkeypress="if(event.keyCode==13){checkAndSubmit();return trueOrFalse();};>
    <a href="JavaScript:checkAndSubmit();" onclick="return trueOrFalse();"&gt;&lt;img src="button.gif"></a>
    </form>
    
     こう書くと、テキストフィールドにフォーカスがあるとき、Enterキー押下でsubmitできる。

    ≪参考記事≫
     javaScript掲示板
     [Enter]キーでテキストフィールドを切り替える4