jquery - Enter はフォーム内のフィールドをクリックすることです

Question

何らかの理由でbutton、フォームにがあり、text fieldにがある場合、にフォーカスformがあるときに Enter キーを押すと、がクリックされます。text fieldbutton

なぜこれが起こるのか、どうすればそれ ( text field) をより予測可能な方法で動作させることができますか (イベントtext fieldとしてカウントで Enter キーを押します)。keyup

score 2 · Accepted Answer

フォームで Enter キーを押すと、ボタンを押すかフォームを送信しようとします。コメントで述べたように、その動作が望ましくない場合は、キープレスをキャプチャし、押されたのがエンターキーである場合は送信を防止する必要があります。

あなたの場合、次のコードを追加します。

$('input[type="text"]').on('keypress', function (event) {
    if(event.which == 13){
        return false;
    }
});

score 0 · Accepted Answer

ボタンを使いたい場合は、ボタン型の入力を使ったほうがいいかもしれません。

<form>
    <input type="button" value="bla" />
    <input type="text" />
</form>

3 に答える 3