该方案涉及模拟下拉列表。我们使用一组自定义图像以及一些CSS样式和jQuery行为,而不是标准的输入选择元素。
总而言之,我们有一个下拉列表,工作得很好。问题围绕着一个失去焦点的下拉列表。失去焦点的普通选择元素会自动关闭列表,但是,由于我们使用的是一组div,因此不可能设置或失去焦点(并随后隐藏列表)。
我们已经能够通过隐藏div后面的文本输入并动态设置焦点来模仿正常的下拉行为。例如:
用户点击下拉列表 - >显示内容列表,隐藏文本输入设置为焦点。 事件绑定到文本输入失去焦点,隐藏内容列表。
我很好奇社区是否有更好的方法在用户点击时隐藏div,按下转义等等。