想实现百度搜索提示框,无法触发提示框中的单击事件

Question

想实现百度搜索的搜索建议功能

1. 输入框获得焦点,弹出提示div

2. 点击其他地方,div隐藏

3. 点击提示框中的文字,会把点击的文字,显示到输入框中,并隐藏div

现在的问题是

我是在输入框的onblur事件中隐藏的div,
搜索提示div显示的时候,我要去点击提示的文字,没有触发.
可能是先触发了输入框的onblur,直接隐藏div了,就点不到提示的文字了

---

示例在这里

• 预览 http://sandbox.runjs.cn/show/uk4x6r9v

• 代码 http://runjs.cn/code/uk4x6r9v

有没有什么好的办法,或者变通的办法实现类似的功能.

Answer 1

延迟执行一下就可以了。下面是修改后的，html和js里都有一些修改，看标记为modified的内容

http://runjs.cn/code/li7aqy6d