javascript - 单击 div 会触发 $ ('body' 的绑定(bind)。单击

Question

我有一个 div，我想对其进行设置，以便当我单击其他内容时，它会隐藏该 div。

我也是这样

$('body').click(function(){
    if(loginOpened)
    {
        $('#loginWindow').animate({
            'width':'0px',
            'height':'0px'
        },"fast");
    }
    loginOpened=false;
});

但是，即使我点击 div 本身，事件也会被触发，有什么办法可以防止这种情况发生吗？

Answer 1

你可以停止它使用

e.stopPropagation();如果有点击事件绑定(bind)到 <div />标签。

参见 event.stopPropagation()

Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event.

否则你可以检查body click中事件的目标。检查是否event.target与您的 div 相同。

参见 event.target