Jquery Keypress распознается после второго нажатия

<form class="navbar-form navbar-right" role="search"> 
    <div class="form-group"> 
     <input id="search_text" type="search" class="form-control" placeholder="Search" size="30"> 
     <div class="form_control" id="search_info" style="width:283px;height:125px;top:86%;position:absolute;background-color:white; border: 1px solid #dce4ec;border-radius: 4px;display:none;"></div> 
    </div> 
    </form> 

$("#search_text").keypress(function(){ 
    if($("#search_text").val().length == 0) 
    { 
     $("#search_info").hide(); 
    } 
    else if($("#search_text").val().length != 0) 
    { 
     $("#search_info").show(); 
    } 
});

Моя проблема заключается в том, что с помощью этого кода он будет показывать только $ («#») search_info на 2-й нажатием клавиши. Например, если я печатаю в поле поиска, которое у меня есть как $ ("# search_text"), $ ("# search_info") должно отображаться при первом нажатии, но это не так, когда я больше одного символа в в поле поиска отображается $ ("# search_info").Jquery Keypress распознается после второго нажатия

Я не могу понять это.

источник

2015-05-06 Anthony Francis Vasquez

прекрасно работает здесь http://jsfiddle.net/bmcoutvb/ –

Это может быть хром, но я все еще был только в состоянии увидеть после второго нажатия клавиши. –

попробуйте использовать keyup, хотя он отлично работает для меня в нескольких браузерах, так как есть – charlietfl

Используйте keyup вместо keypress - так как при нажатии клавиши нажатие кнопки еще не вставлено на вход.

$("#search_text").keyup(function(){ 
    if($("#search_text").val().length == 0) 
    { 
     $("#search_info").hide(); 
    } 
    else if($("#search_text").val().length != 0) 
    { 
     $("#search_info").show(); 
    } 
});

http://jsfiddle.net/qxh3x2s6/

источник

2015-05-06 01:59:30

Jquery Keypress распознается после второго нажатия

ответ

Смежные вопросы