こんにちは
既にクーラー全開の
制作部 カワサキです。
先日、フォームでEnterキーを押したときにSubmitしないようしたかったんですが
ちょっとハマったので、備忘録ついでに書いておきます。
フォームで「送信ボタン」を「type=”submit”」で作成すると
「Enterキー」押下で送信処理してしまうのがイヤ！！っていう時の対処
１．「type=button」にして、OnClickでJavaScriptでSubmitする
２．JavaScriptでEnterキーのキーコードを拾って、KeyPressを無効にする
大体この２つで解消するハズです。
（検索すれば、かなりヒットするので、ここでは詳細は省略します。）
まれに、上記２つで解決できないことが有ります。
フォーム内に入力項目１つ、送信ボタン１つ
の構成の時です。
要は「検索窓」を作った時です！！
解決方法というより、逃げ方に近いですが
フォーム内の項目を２つに増やしてやれば、先に書いた２つの方法で回避できます。
hiddenの項目を追加して、見た目は１つだけど、入力項目は２つあると
フォームを騙してやればＯＫ！！みたいです。