该场景涉及模仿下拉列表。我们使用一组自定义图像并结合了一些 CSS 样式和 jQuery 行为,而不是标准输入选择元素。
总而言之,我们有一个工作正常的下拉列表。问题围绕着一个失去焦点的下拉列表。一个普通的选择元素失去焦点会自动关闭列表,但是,由于我们使用一组 div,它不可能设置或失去焦点(并随后隐藏列表)。
我们已经能够通过将文本输入隐藏在 div 后面并动态地将焦点设置到它来模仿正常的下拉行为。例如:
用户点击下拉列表 -> 显示内容列表并将隐藏的文本输入设置为焦点。 事件绑定(bind)到失去焦点的文本输入,这会隐藏内容列表。
我很好奇社区是否有更好的方法来在用户单击关闭、按转义键等时隐藏 div。
最佳答案
我想您可以通过明智地使用 jQuery outside events plugin 来获得所需的行为。 .
关于jquery - 如何模仿对div元素的关注?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2502341/