如何模仿专注于div元素?

时间:2010-03-23 17:55:21

标签: jquery css focus

该方案涉及模拟下拉列表。我们使用一组自定义图像以及一些CSS样式和jQuery行为,而不是标准的输入选择元素。

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

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

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

我很好奇社区是否有更好的方法在用户点击时隐藏div,按下转义等等。

1 个答案:

答案 0 :(得分:0)

我猜你可以明智地使用jQuery outside events plugin来获得理想的行为。