javascript - 单击文档或窗口打开的 div 应该关闭

Question

我正在尝试使用 jquery 创建我的自定义选择下拉列表，除了.select-list 上的点击事件，它应该关闭但目前没有发生，下面是我的代码

$("#selectedValue").click(function() {
    $(".select-list").toggleClass("showlist");
});
$(".select-list li").click(function() {
    $('#selectedValue').html($(this).text());
    alert($('#selectedValue').text());
    $('.select-list').removeClass("showlist");
})

var selectListClass = $('.select-list').hasClass("showlist");
if (selectListClass) {

    $(document).click(function() {
        $('.select-list').removeClass("showlist");
    });
}

https://jsfiddle.net/c7k7nLdu/2/

Answer 1

您不需要在文档点击事件之前使用 if(只需将其删除)，而是在点击事件上使用 stopPropagation。示例:

$("#selectedValue").click(function(e){
    e.stopPropagation();
    ...

在这里，我更新了你的 jsFiddle