码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-01-16 14:41:15      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:

参考的代码来自这里:

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类百度的动态提示框思路及完成

标签:

原文地址:http://www.cnblogs.com/william7neral/p/4228558.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!