javascript - 检测到两个元素中任何一个之外的点击？

Question

我有一个小的自动完成下拉菜单，当有人在文本框外单击时我想隐藏它。到目前为止我一直在使用它

$("#input-group_ids").on("blur", function () {
    $(".input-dropdown").hide();
});

但是，如果有超过 10 个选项，我的自动完成下拉菜单会出现溢出和滚动条。使用上述代码时，单击滚动条会关闭下拉菜单。

仅当单击位于文本框和下拉菜单本身之外时，我才需要关闭下拉菜单。我怎么做？

Answer 1

尚未测试希望这会起作用

$("html").click (function () {
    $(".input-dropdown").hide();
});
$("#input-group_ids, .input-dropdown").click (function (e) {
    e.stopPropagation;
}