javascript - 只有在弹出窗口之外单击才能关闭弹出窗口 - 如果在弹出窗口内部或上单击则不应将其关闭

Question

我的页面上有两个 Div。一个是父 div(通知图标)，另一个 div 作为弹出窗口(通知弹出窗口)。目前，单击父 div 或单击 Flyout 窗口内的按钮时会显示/隐藏 Flyout。

当我点击离开时(Flyout 和父 div 之外的任何地方)，如何实现 Flyout 将关闭(隐藏)？是否已经提供了任何事件机制？如果有，如何使用？

我想以 Angular 方式完成它并且没有对话框。

代码:

<md-icon md-font-icon="material-icons" class="md-icon-button">notifications</md-icon>
<div class="notification-flyout" ng-show="activeNotification">
    <div data-ng-include src="'assets/ng-app/pages/notification/notification-template.html'"></div>
<div>
    <div class="notification-button"
         ng-click="openNotifications()">
        View All Notifications
    </div>
</div>

Answer 1

解决了问题

$(window).click(function() {
     //Hide the menus if visible
});

$('.notification-flyout').click(function(event){
    event.stopPropagation();
});