jquery - 如何模仿对div元素的关注？

Question

该场景涉及模仿下拉列表。我们使用一组自定义图像并结合了一些 CSS 样式和 jQuery 行为，而不是标准输入选择元素。

总而言之，我们有一个工作正常的下拉列表。问题围绕着一个失去焦点的下拉列表。一个普通的选择元素失去焦点会自动关闭列表，但是，由于我们使用一组 div，它不可能设置或失去焦点(并随后隐藏列表)。

我们已经能够通过将文本输入隐藏在 div 后面并动态地将焦点设置到它来模仿正常的下拉行为。例如:

用户点击下拉列表 -> 显示内容列表并将隐藏的文本输入设置为焦点。事件绑定(bind)到失去焦点的文本输入，这会隐藏内容列表。

我很好奇社区是否有更好的方法来在用户单击关闭、按转义键等时隐藏 div。

Answer 1

我想您可以通过明智地使用 jQuery outside events plugin 来获得所需的行为。 .