我的页面上有两个 Div。一个是父 div,另一个 div 作为弹出窗口。 当前弹出窗口在点击父 div 或点击弹出窗口内的按钮时显示/隐藏。
当我点击离开时(弹出窗口和父 div 之外的任何地方),我如何实现关闭弹出窗口?是否已经提供了任何事件机制?如果是,如何使用它?
最佳答案
您可以创建另一个具有全宽和全高以及 z-index 大于其他内容但小于弹出窗口的 div。每当显示弹出窗口时显示该 div。然后你可以给这个 div 添加一个点击事件,这样当用户点击那个 div 就意味着它在弹出窗口之外。
这是一个 jsfiddle对于用 jquery 制作的只是为了让您了解如何制作它。 这是另一个 Angular DEMO
关于html - AngularJS 中的点击离开事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39033254/