在执行空格之前，JQuery Keyup 不会填充结果

Question

我在搜索栏输入文本框中放置了以下 jQuery 代码：

$(document).ready(function(){
    $("#q").keyup(function(event){
      event.preventDefault();
      $.post("newsearch.php",{q:$("#q").val()}, function(data){
         $("#inboxHolder").html(data);          
      });
   });
});     

它有点小故障。结果填充正确，但例如在某些情况下，我必须在键入查询后执行空格才能填充结果。

任何反馈都将不胜感激。

Answer 1

我想你问的问题是jQuery - keydown / keypress /keyup ENTERKEY detection

试试keyup、keydown 和enter。

$(document).ready(function(){
    get_key_press();
});

function get_key_press()
{
    $("#q").keyup(function(e){ 
        handle_key_press(e);
    });
    $("#q").keydown(function(e){ 
        handle_key_press(e);
    });
}

function do_search(search_string)
{
    $.post("newsearch.php",{q:search_string}, function(data){
        $("#inboxHolder").html(data);
        can_search = true;
    });
}

//simple concurrency flag
var can_search = true;

function handle_key_press(e)
{
    if(can_search)
    {
        var code = e.which; // recommended to use e.which, it's normalized across browsers
        if(code==13)e.preventDefault();
        if(code==32||code==13||code==188||code==186)
        {
            can_search = false;
            do_search($("#q").val());
        }
    }
}

如果您在关注keycodes 的列表与e.which 相关，则可以参考此resource。