如何模仿div元素的焦点?

这个场景需要模拟一个下拉列表。我们不使用标准的input select元素,而是将一组自定义图像与一些CSS样式和jQuery行为结合使用。

总之,我们有一个下拉列表,工作得很好。问题围绕着一个失去焦点的下拉列表展开。普通的select元素失去焦点会自动关闭列表,但是,由于我们使用的是一组div,所以不可能设置或失去焦点(随后隐藏列表)。

用户单击下拉列表->将显示内容列表,并将隐藏的文本输入设置为焦点。 事件绑定到失去焦点的文本输入,从而隐藏内容列表。

我很好奇,当用户单击off、按escape等时,社区是否有更好的方法来隐藏div。