1、html 一個 input(輸入框) 與 ul(建議列表) 的組合 2、監聽輸入框的內容“oninput()”,根據內容給出建議列表展示 3、建議列表 要做強大一些,建議使用Ajax訪問一個內容豐富的接口
以上是簡單的任務分解,實現起來比較簡單的
1、監聽輸入框的按鍵keydown事件 2、判斷上(e.keyCode:38)下(e.keyCode:40)鍵的值,并分別執行相應的函數UP 與 DWON, 默認選中第i個li 3、不管是UP 還是DOWN 函數都是改變列表的選中項,其實就是改變li標簽的背景色且將值賦給輸入框 4、若執行UP函數,把suggest[++i]的值賦給input框,也可以給該項添加背景色 5、若為DOWN函數,把suggest[–i]的值賦給input框,也可以給該項添加背景色 6、注意執行到第一項和最后一項的時候,i的值默認為-1 ,DWON時i++,應該定位到首項(i=0);默認值為-1時,UP時i–,也應該定位到(i=0)上
if (i < 0 || i >= suggent.length) { i = 0;}新聞熱點
疑難解答