html - AngularJS 中的点击离开事件

标签 html css angularjs

我的页面上有两个 Div。一个是父 div,另一个 div 作为弹出窗口。 当前弹出窗口在点击父 div 或点击弹出窗口内的按钮时显示/隐藏。

当我点击离开时(弹出窗口和父 div 之外的任何地方),我如何实现关闭弹出窗口?是否已经提供了任何事件机制?如果是,如何使用它?

最佳答案

您可以创建另一个具有全宽和全高以及 z-index 大于其他内容但小于弹出窗口的 div。每当显示弹出窗口时显示该 div。然后你可以给这个 div 添加一个点击事件,这样当用户点击那个 div 就意味着它在弹出窗口之外。

这是一个 jsfiddle对于用 jquery 制作的只是为了让您了解如何制作它。 这是另一个 Angular DEMO

关于html - AngularJS 中的点击离开事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39033254/

相关文章:

javascript - 需要具有自动播放和手动滚动功能的 Scroller

html - 降低 div 顶部和底部的高度(不仅仅是底部)

javascript - 如何通过nodejsexpress从Angularjs上传文件到s3

javascript - 更改 $scope 属性并观察变化

javascript - 访问 AngularJS 中的文件列表

php - 客户端与服务器持续通信 PHP

javascript - 在 Angular JS 中访问 HTML Parent、Child、Sibling 元素

html - 白边位置:fixed even if margin:0 and padding:0

html - Firefox 扩展显示浏览器默认继承?

javascript - 动态选择不适用于 Materialise