gpt4 book ai didi

jQuery 隐藏 div 焦点移出,除非单击某些 div

转载 作者:行者123 更新时间:2023-12-01 02:49:17 24 4
gpt4 key购买 nike

我有一个 div,当您在文本框中键入内容时,它会作为项目列表弹出。

在文本框模糊时,我隐藏了项目列表。

但是,我的项目上的点击事件不再触发,因为 focusout 事件首先触发。

我想要的是隐藏模糊列表,除非单击了列表中的项目。

有谁知道有什么办法吗?

提问时,它应该与本网站的“标签”部分相同。

最佳答案

使用 jQuery 1.6 或更高版本,您可以使用 :focus 选择器在隐藏 div 之前查看您的 div 是否有任何具有焦点的子元素。

$("#textboxID").blur(function () {
if ($("#divID").has(":focus").length == 0) { //if you click on anything other than the results
$("#divID").hide(); //hide the results
}
});

更新:事实证明,这只适用于 IE。这是一个更好的解决方案,尽管任务有点复杂。 http://jsfiddle.net/cB2CN/

var resultsSelected = false;
$("#ResultsDIV").hover(
function () { resultsSelected = true; },
function () { resultsSelected = false; }
);

$("#TextBox").blur(function () {
if (!resultsSelected) { //if you click on anything other than the results
$("#ResultsDIV").hide(); //hide the results
}
});

关于jQuery 隐藏 div 焦点移出,除非单击某些 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4190808/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com