如何实现点击下拉菜单旁边区域使其自动收起？

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

背景：最近完成了一个需求。

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

功能实现：

1.输入框获取焦点时，根据输入内容显示联想词下拉列表。

2.点击联想词，跳转到对应搜索页。

3.点击输入框外的其他部分，收起联想列表。

4.输入需求后，进行模糊搜索（blur）操作。

背景：

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