小编Lee*_*ery的帖子

这让我疯了.这是一个难以解释的但我会有所作为.

我的网站首页上有一个输入文本字段.我编写了一个keydown事件观察器,它检查keyCode,如果它的ENTER(或等效),它将检查输入值(电子邮件).如果电子邮件在数据库中有效且唯一,则会提交表单.基本的东西,或者你会想到的.

如果我在字段中输入我的电子邮件地址并按Enter键,它在所有浏览器中都能正常工作.但是,如果我键入前几个字母,然后使用箭头键从历史记录下拉框中选择电子邮件(希望你知道我在这里的意思),然后按回车键结果不同.表单字段的值被捕获为我键入的几个字母,因此验证失败.似乎当我按下回车键从历史记录下拉列表中"选择"电子邮件时,浏览器正在打断,就好像我正在打字一样.

在Chrome和Safari中它可以正常工作.因为它应该意味着当您按Enter键从历史记录下拉列表中"选择"电子邮件时,它所做的就是将该电子邮件地址放入文本框中.只有在第二个ENTER键按下它然后触发事件观察者,并验证电子邮件.

希望有人可以解释为什么会发生这种情况......我的直觉是它是一个浏览器的东西,将是我无法解决的问题.

谢谢李

编辑:为了添加我的问题的澄清,让我添加我使用"keydown"事件来捕获按下回车键的时刻.我尝试了"keyup"事件,这解决了我上面的问题,但后来我似乎无法停止提交表单."keyup"事件在默认行为之后触发,因此它不是正确的选择.

进一步编辑:

再次感谢你,顺便说一句,你的英语非常好(回应你对英语不好的评论).

我已经改变了我的事件处理程序:

$("emailInputBox").observe("keydown", function(event) {
    return submitViaEnter(event, submitSignupFormOne);
});

对此:

$("emailInputBox").observe("keydown", function(event) {
    setTimeout(submitViaEnter.curry(event, submitSignupFormOne),0);
});

submitViaEnter:

function submitViaEnter(event, callback) {
var code = event.keyCode;
if (code == Event.KEY_RETURN) {
    event.stop();
    return callback(event);
}
return true;
}

似乎工作但现在的问题是允许浏览器在运行submitViaEnter函数之前执行默认操作,这意味着当我按Enter时正在提交表单.