web前端：JS---DOM---案例：模拟百度搜索框

作者: jane_panyiyun更新于： 2020-03-21 21:03:05

　　百度（Nasdaq：BIDU）是全球最大的中文搜索引擎，2000年1月由李彦宏、徐勇两人创立于北京中关村，百度致力于向人们提供“简单，可依赖”的信息获取方式。

　　模拟百度搜索框

　　我的思路整理：

　　1.注册文本框抬起事件(onkeyup)

　　2.处理函数：

　　--->创建临时数组，循环遍历文本框键入的文字内容和keywords数组，用keyWords[i].indexOf(text)==0来判断，true就追加进临时数组tempArr.push(keyWords[i])

　　--->bug修复：每一次键盘抬起，都判断页面有没有div，有就删除

　　--->何时出现div：判断条件：当文本框为空，或临时数字空，不创建div，如果有div，就删除

　　--->创建div,div加到box,div设置样式;循环遍历创建p，p加入新建的div；加入鼠标进入和移开的样式（在循环里面，用命名函数，减少负荷）