我的网站上有搜索文本框,当用户输入输入值时,会出现一个名为搜索结果的新div。代码在这里:
现在我需要一个代码来在用户离开文本框时隐藏搜索窗口,除非用户点击搜索结果div。
$(".searchbox-container").on("blur", "#SearchTextBox", function () {
var isUserClickedOnSearchDiv=??????//MY QUESTION: How to check user focus on .search-result?
if (!isUserClickedOnSearchDiv)
{
$(".search-result").hide();
}
});
答案 0 :(得分:1)
if ( $('.search-result').is(':focus') ) {
}
或
if (document.activeElement.className.indexOf('search-result') != -1) {
}
因为在另一个元素的模糊事件中检查,您可能需要超时以使浏览器有时间更改为关注元素