Javascript jqueryui自动完成在单击外部时保持打开但关闭

我正在使用jQueryUI自动完成

我希望自动完成搜索的结果列表保持打开状态 并在“自动完成文本输入区域”和“搜索结果列表”之外的区域关闭

我引用了

现在它一直开着。 但无法找到在单击外部区域时如何关闭它

---

您可以使用focusout并仅触发小部件事件

$("input").focusout(function(event) {
    $("ul.ui-autocomplete").hide();
})

---

您可以使用focusout并仅触发小部件事件

$("input").focusout(function(event) {
    $("ul.ui-autocomplete").hide();
})

$（“输入”）.autocomplete({
资料来源：[“苹果”、“男孩”、“猫”]，
最小长度：0，
响应：功能（事件、用户界面）{
//控制台日志（ui）；
},
选择：功能（事件、用户界面）{
addObject（ui.item.value）；
返回false；
},
焦点：功能（事件、用户界面）{
控制台日志（“聚焦”）；
返回true；
},
关闭：功能（事件、用户界面）{
如果（！$（“ul.ui自动完成”）。是（“：可见”））{
$（“ul.ui自动完成”）.show（）；
$（“#搜索”）.focus（）；
}
}
});
$（“输入”）.blur（函数（）{
$（“ul.ui自动完成”）.hide（）；
});
函数addObject（id）{
var div=$（''+id+'
'）.attr（{“value”：id}）；
附件部分（“选定对象”）；
}

$（“输入”）.autocomplete({
资料来源：[“苹果”、“男孩”、“猫”]，
最小长度：0，
响应：功能（事件、用户界面）{
//控制台日志（ui）；
},
选择：功能（事件、用户界面）{
addObject（ui.item.value）；
返回false；
},
焦点：功能（事件、用户界面）{
控制台日志（“聚焦”）；
返回true；
},
关闭：功能（事件、用户界面）{
如果（！$（“ul.ui自动完成”）。是（“：可见”））{
$（“ul.ui自动完成”）.show（）；
$（“#搜索”）.focus（）；
}
}
});
$（“输入”）.blur（函数（）{
$（“ul.ui自动完成”）.hide（）；
});
函数addObject（id）{
var div=$（''+id+'
'）.attr（{“value”：id}）；
附件部分（“选定对象”）；
}

在我的例子中，我也使用了Highcharts，但它在图表区仍然不起作用。关于这个问题，我参考了这个链接（）在我的例子中也使用了Pawel Fus的解决方案，我也使用了Highcharts，但它在图表区仍然不起作用。关于这个问题，我参考了这个链接（）也使用了Pawel Fus的解决方案