jQuery按键事件问题

Question

我有一个函数（filterLeads），我希望在表单字段移开（模糊）时以及在表单字段中按下回车键时调用该函数。

$('#filter input, #filter select').blur(filterLeads);
$('#filter input, #filter select').keypress(function(e){if(e.which == 13) {filterLeads();}});

模糊工作正常，但我在按键事件方面遇到问题。除非在调用 filterLeads() 之前发生某些事情，否则该事件似乎不会被触发；例如：

$('#filter input, #filter select').keypress(function(e){if(e.which == 13) {alert(e.which);filterLeads();}});

在确认警报（显示正确的关键代码）后正确调用filterLeads()。

有什么想法吗？ （浏览器FF 3.0）

Answer 1

我不知道为什么你只针对 FF...但你还应该包括 所有非 - FF 浏览器，使用e.keyCode。另外，根据 此信息，keypress 可能不是最好使用的事件。

尝试这样的事情：

$("#filter input, #filter select").keyup(function(e){
 var key = (e.which) ? e.which : e.keyCode;
 if( key == 13 ){ filterLeads(e) }
});

Answer 2

试一试：您应该从匿名函数中 return false; ，因为否则包含字段的表单（如果有）将被提交并重新加载页面。

如果filterLeads需要事件作为参数，请不要忘记编写：filterLeads(e)。

如果没有其他帮助：Fire blur()：

$('#filter input, #filter select').keypress(function(e){$(e.target).blur();});

（jQuery-fied，因为可能附加了自定义 jQuery 事件）。

Answer 3

只需在事件处理程序中添加 e.preventDefault(); 即可，如下所示：

  $('#filter input, #filter select').keypress(function(e){if(e.which == 13) {filterLeads(); e.preventDefault(); }});