通过onkeypress,onkeydown,onkeyup来实现对键盘的监听,实现autocompelete效果。
autocompelete本身很好实现,难就难在各个浏览器的兼容性。
在IE下:
1.在中文输入法状态下,无法触发这三个事件。
2.通过鼠标右键粘贴复制时,事件同样触发不了,fuck。
在这里,为了解决第一个BUG,我通过另一个事件(onpropertychange)+onkeydown来弥补。
onpropertychange事件:在输入框获取焦点后,基本上能捕捉到任何动作。
思路是:通过keydown来监听上下左右、回车、删除键,完成对条件的选择。
通过onpropertychange来监听其余动作,触发异步请求数据。
注:onpropertychange监听的同时,我记录了上一次输入框的值,如若与上一次值相同,则不进行数据请求。
效果图如下
网址:http://hotels.10000.com/hotel_list.php