只有点击远离飞出框的按钮才会关闭飞出框——如果在飞出框内部或上面点击，不应该关闭它

Only Clicking away from flyout should close flyout - if clicked inside or on flyout shouldn't close it

本文关键字：内部 不应该 远离 按钮 如果      更新时间：2023-09-26

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

我怎样才能实现Flyout将被关闭(隐藏)当我点击离开(任何地方以外的Flyout和父div) ?是否已经提供了任何事件机制?如果是，如何使用?

我想用有棱角的方式，不使用对话框。

代码:

<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>

用

$(window).click(function() {
     //Hide the menus if visible
});
$('.notification-flyout').click(function(event){
    event.stopPropagation();
});
相关文章：