gpt4 book ai didi

html - AngularJS 中的点击离开事件

转载 作者:太空宇宙 更新时间:2023-11-04 09:51:48 25 4
gpt4 key购买 nike

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

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

最佳答案

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

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

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

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com