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){

};

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

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。