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

标签 jquery css focus

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

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

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

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

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

最佳答案

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

关于jquery - 如何模仿对div元素的关注?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2502341/

相关文章:

html - 如何使 <a> 在边框中可点击?

angularjs - 如何从焦点/模糊更改父元素的类?

dialog - 带有焦点textField的QML对话框

javascript - 连续删除先到元素

JavaScript/jQuery : Animate li movement within a list?

jquery - 相对于非父 div 的位置 div - 这可能吗?

html - 如何将 div 内的 span 推到右侧并使此文本响应式

javascript - jQuery/JavaScript : Initiate and terminate a loop with the same button

javascript - div逐渐淡出一边

android - 请求焦点无法正常工作