화살표 키 네비게이션 허용/자동 제안 상자에 기능 입력

Question

Im 자동 학습 상자를 구현하는 방법을 배우고 결과를 화살표 키와 액세스 버튼으로 액세스 가능하게 만드는 방법을 알 수 없습니다. 나는 이것을 어떻게 할 것인지 정말로 모른다. 이미 상자를 클릭하면 입력 필드로 이동하지만 결과를 화살표 키로 액세스 가능하게 만들고 입력을 클릭하면 입력 필드로 해당 항목이 이동합니다. Heres는 내 코드 :

<div class="input-wrapper"> 
<input type="text" class="autosuggest" value="Type in a city or town" onblur="onBlur(this)" onfocus="onFocus(this)" > <input type="submit" value="Search"> 

<div class="dropdown"> 
    <ul class="result"></ul> 


</div> 
</div> 

그리고 스크립트를

$(document).ready(function() { 
$('.autosuggest').keyup(function() { 
var search_term = $(this).attr('value'); 

$.post('php/search.php', { search_term: search_term }, function(data) { 
    $('.result').html(data); 

$('.result li').click(function(){ 
    var result_value = $(this).text(); 
    $('.autosuggest').attr('value', result_value); 
    $('.result').html(''); 

    }); 

    }); 

}); 
    }); 
    function onBlur(el) { 
    if (el.value == '') { 
     el.value = el.defaultValue; 
    } 
    } 
    function onFocus(el) { 
     if (el.value == el.defaultValue) { 
     el.value = ''; 
    } 
    } 

Answer 1

$('.autosuggest').keyup(function(e) { 
    if(e.which == 13) { 
     // yourcode 
    } 
});