如何实现js下拉菜单点击旁边区域自动收起功能？（踩坑经验分享）

本文共计980个文字，预计阅读时间需要4分钟。

背景：最近完成一个需求

需求：搜索框，输入时显示联想词下拉列表，点击联想词跳转到搜索页，点击其他部分收起联想列表。

功能实现：

1.输入框：用户输入关键词

2.联想词列表：显示匹配的联想词

3.点击联想词：跳转到搜索结果页面

4.点击其他部分：收起联想词列表

5.需求反馈：点击后应用模糊（blur）效果进行收集操作

背景：

最近在搞一个需求：搜索框，输入时显示联想词下拉列表，当点击联想词跳转到搜索页，如果点击其他部分收起联想的下拉列表。