我有一个沼泽标准的登录表单-一个电子邮件文本字段，一个密码字段和一个提交按钮的AIR项目，使用HTML/jQuery。当我在表单上按Enter键时，整个表单的内容消失了，但表单没有提交。有人知道这是Webkit的问题吗(Adobe AIR使用Webkit进行HTML)，还是我把事情搞砸了?
我试着:
$('.input').keypress(function (e) {
if (e.which == 13) {
$('form#login').submit();
}
});
但是这既没有停止清除行为，也没有提交表单。没有与表单相关的操作——这可能是问题所在吗?我可以把一个javascript函数的行动?
当前回答
返回false以防止继续击键。
其他回答
我发现今天按回车键时，按键事件没有被触发，所以你可能想要切换到keydown()或keyup()代替。
我的测试脚本:
$('.module input').keydown(function (e) {
var keyCode = e.which;
console.log("keydown ("+keyCode+")")
if (keyCode == 13) {
console.log("enter");
return false;
}
});
$('.module input').keyup(function (e) {
var keyCode = e.which;
console.log("keyup ("+keyCode+")")
if (keyCode == 13) {
console.log("enter");
return false;
}
});
$('.module input').keypress(function (e) {
var keyCode = e.which;
console.log("keypress ("+keyCode+")");
if (keyCode == 13) {
console.log("Enter");
return false;
}
});
在键盘上输入“A Enter B”时控制台的输出:
keydown (65)
keypress (97)
keyup (65)
keydown (13)
enter
keyup (13)
enter
keydown (66)
keypress (98)
keyup (66)
在第二个序列中，您可以看到'keypress'丢失了，但是按下/释放keydown和keyup寄存器代码'13'。 根据jQuery的keypress()函数文档:
Note: as the keypress event isn't covered by any official specification, the actual behavior encountered when using it may differ across browsers, browser versions, and platforms.
在Server 2012 R2上的IE11和FF61上测试
有什么理由你必须钩子和测试输入键吗?
你就不能简单地加一个
<input type="submit" />
到您的形式，并有它自然提交时，进入是按?如果你想的话，你甚至可以钩子表单的onsubmit动作并从那里调用验证函数……
你甚至可以使用onsubmit作为测试来查看你的表单是否被提交，但是如果你调用form.submit()它将不起作用。
我现在用的
$("form").submit(function(event){
...
}
首先，我在提交按钮中添加了一个事件处理程序，它为我产生了一个错误。
下面是一种用JQuery插件来实现这个功能的方法(以防你想重用这个功能):
$.fn.onEnterKey =
function( closure ) {
$(this).keypress(
function( event ) {
var code = event.keyCode ? event.keyCode : event.which;
if (code == 13) {
closure();
return false;
}
} );
}
现在，如果你想用这种类型的功能装饰<input>元素，它就像这样简单:
$('#your-input-id').onEnterKey(
function() {
// Do stuff here
} );
只是为了便于实现而添加。你可以简单地创建一个表单，然后隐藏提交按钮:
例如:
<form action="submit.php" method="post">
Name : <input type="text" name="test">
<input type="submit" style="display: none;">
</form>
