在自動填充中使用向下箭頭選擇div的元素javascript

Question

我正在開發自動填充文本框，其中我在每個建議都是帶有唯一ID的div填充了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是其中包含了每種我用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"; 
} 

只有在按下鍵盤的箭頭唯一DIV應該得到強調

Answer 1

• 看keypress事件。
• 向下箭頭的關鍵代碼是40。
• 爲每個選定的人添加一個類selected，並使用CSS給它期望的高光。