首页 > 代码库 > JS类百度的动态提示框思路及完成

JS类百度的动态提示框思路及完成

参考的代码来自这里:

http://www.jb51.net/article/28075.htm

不过说实话,这个网站太烂了,不适合看代码,另外写代码的人是个大牛,但是却没有模块化思想,所以朕不高兴直接用,索性是周末就花时间写一个吧。


明确一下需求:

需要一个输入框,在用户输入之后(keyup事件),将用户输入返回给外部,并从外部获取提示信息,显示到输入框下方

另外:

1、在失去焦点时,需要消去提示框

2、需要屏蔽浏览器原有的提示功能

3、监听键盘上下键,循环选择提示项

4、当窗口位置变化时,重新定位提示框


模块结构:

function AutoCompleteInput(Input,callBack){    this.Input = Input;    this.callBack = callBack;}/** * 设置提示内容 * @param txt {String}提示内容,以","隔开 */AutoCompleteInput.prototype.setAutoText = function(txt){};

足够简单吧?哈,下面就看实现了,请期待吧,估计晚上能写完。

 

JS类百度的动态提示框思路及完成