开发者社区> 问答> 正文

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

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

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

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

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

现在的问题是

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

示例在这里

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

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

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

展开
收起
杨冬芳 2016-06-17 13:23:48 2310 0
1 条回答
写回答
取消 提交回答
  • IT从业

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

    http://runjs.cn/code/li7aqy6d

    2019-07-17 19:42:33
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
AIOps-百度的思考与实践 立即下载
百度外卖从IDC到云端服务迁移历程 立即下载
百度研发工具集的应用实践——打造持续交付路上的“三堵墙” 立即下载