jquery - Enter 是在表单中的字段中单击

Question

出于某种原因，如果您button在表单中有 a ，并且在 atext field中有 a form，则在具有焦点时按 entertext field会导致button被点击。

http://jsfiddle.net/cZcGE/

为什么会发生这种情况，我如何使它（text field）以更可预测的方式行事（在text field计数中按 enter 作为keyup事件）？

Answer 1

在表单中按 enter 将尝试按下按钮/提交表单。如评论中所述，如果您不希望这种行为，则必须捕获按键并阻止提交（如果按下的是回车键）。

在您的情况下，它将添加以下代码：

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

见：http: //jsfiddle.net/cZcGE/8/

Answer 2

如果您想使用按钮，最好使用按钮类型的输入。

http://jsfiddle.net/cZcGE/

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

Answer 3

演示

试试这个，添加onkeydown = "return (event.keyCode!=13);"到textbox

<input type="text" onkeydown = "return (event.keyCode!=13);"></input>

希望这有帮助，谢谢