原文:关于点击弹框外部区域弹框关闭的交互处理

常见需求场景 前端在处理交互的时候,经常遇到这样的场景,点击一个按钮,出现一个弹框,点击外部区域,弹框关闭。 解决方法 思路说明: 给弹框的div父级都加个类名,如: 在document绑定一个点击事件,获取当前点击元素的类名,开始向上找,找它的父级类名, . . 包含我们加的几个类名,则表示点击的是当前框,不处理 . . 不包含我们加的几个类名,则是外部区域,关闭当前显示框 代码实现 ...

2020-11-21 11:38 0 620 推荐指数:

查看详情

js 实现点击空白关闭

使用场景:网站用户头像,点击头像,出现下拉,然后点击下拉之外的空白,隐藏下拉。 直接上代码: ...

Tue Nov 23 22:20:00 CST 2021 0 874
jquery 点击

<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</ ...

Wed Jun 13 19:11:00 CST 2018 0 980
jQuery实现点击弹出外界面关闭

通过jQuery的closest方法实现点击以外的部分关闭。 closest() 方法返回被选元素的第一个祖先元素。具体用法:https://www.runoob.com/jquery/traversing-closest.html 点击id为touch ...

Mon Feb 24 07:35:00 CST 2020 0 800
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM