javascript - 失去焦点/模糊时隐藏 DIV

Question

我有一个显示 DIV 的 JavaScript(将其显示 css 属性从“无”设置为“正常”)。有没有办法让它获得焦点，以便当我单击页面上的其他位置时，DIV 丢失焦点及其显示属性设置为无(基本上隐藏它)。我正在使用 JavaScript 和 jQuery

Answer 1

用于在点击除所选div之外的页面上的任何位置时隐藏div

$(document).not("#selecteddiv").click(function() {
        $('#selecteddiv').hide();
    });

如果你想隐藏失去焦点的 div 或用动画模糊，那么也可以

$("#selecteddiv").focusout(function() {
        $('#selecteddiv').hide();
    });

有动画

$("#selecteddiv").focusout(function() {
    $('#selecteddiv').animate({
        display:"none"
    });
});

希望对你有帮助