자동 완성 자바 스크립트에서 아래쪽 화살표를 사용하여 div 요소를 선택하십시오.

Question

자동 완성 텍스트 상자를 개발합니다. 각 제안은 고유 ID가있는 div입니다. 아래쪽 화살표를 사용하여 각 제안을 선택하고 싶습니다. 다음 코드 예를 들어, 자동 제안 텍스트 상자

에 입력 도 강조하고 대담한 일치하는 문자열

function displaySuggestions(suggestions){ 
    for(var i=0 ;i<suggestions.length ; i++){ 
    var div_display = document.createElement('div'); 
    div_display.innerHTML = suggestions[i]; 
    div_display.className = "autosuggest_display_div"; 
    div_display.id = "autosuggest_display_div_"+i;   
    div.appendChild(div_display);   
} 

여기 사업부 내가 사용하는 각 div..If에 대한 제안을 포함하는 자동 제안 DIV이다 키를 누른 다음 전체 div가 각 div 대신 강조 표시됩니다. 다음과 같이 표시됩니다. c 송시

if(event.keyCode == '40'){ 
    for(var i=0;i<div.childNodes.length;i++){ 
     div.childNodes[i].style.background = "red"; 
} 

은 키보드의 화살표를 아래로 눌러에 유일한 사업부는 keypress 행사에서

Answer 1

• 룩을 강조 받아야합니다.
• 아래쪽 화살표의 키 코드는 40입니다.
• 각 선택한 하나에 클래스 selected을 추가하고 CSS를 사용하여 원하는 강조 표시를 지정하십시오.