javascript - div滚动条上的Jquery Blur事件

Question

我有一个带滚动条的 div。当我单击滚动条将其向下拖动以查看 div 列表时使用 Firefox，模糊事件被触发并隐藏我的 div，我已设置为在触发模糊时隐藏。使用滚动条时如何防止模糊触发:

$("#mydiv").blur(function () {
    $('#mydiv').fadeOut();
    console.log("fadeout blur");
});

我使用以下方式显示此 div:

 $('#mydiv').fadeIn();

我希望 div 在它不活动时隐藏，但在我尝试单击滚动条时不隐藏。

Answer 1

也许这就是你要找的东西

$(document).ready(function(){
        $('#mydiv').fadeIn();   

        $("body").bind('click', function(ev) {
        var myID = ev.target.id;
        if (myID !== 'mydiv') {
            $('#mydiv').fadeOut();
        }
    });
});

这会将点击事件与正文绑定(bind)，还会检查触发点击事件的元素的 ID。如果它与 DIV 不匹配，则该 div 将被关闭，否则该 div 将始终打开。