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){ };
足够简单吧?哈,下面就看实现了,请期待吧,估计晚上能写完。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。