原文:【 js 片段 】点击空白或者页面其他地方,关闭弹框

Mark 的原理:判断点击事件发生在区域外的条件是: . 点击事件的对象不是目标区域本身 . 事件对象同时也不是目标区域的子元素 原文地址:https: segmentfault.com q ...

2016-12-07 14:13 0 4418 推荐指数:

查看详情

页面弹出一个点击外的其他地方消失

封装的一个方法:点击当前元素,逐级筛选其父元素是否包含某个类,如果有包含,返回true,如果没有包含,返回false; 遇到的问题: 当选中这个的内容时,消失了。(本应该点击以外的地方消失,但是鼠标选中弹框内容,触发了点击事件,并且e.target ...

Thu Aug 06 18:45:00 CST 2020 0 581
js 实现点击空白关闭

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

Tue Nov 23 22:20:00 CST 2021 0 874
js点击页面其他地方如何隐藏div元素菜单

  web页面常用的一个需求,写下拉菜单是我们往往不是用select_option,而是自定义一个元素列出选项来满足需求,当我们点击按钮出现菜单, 点击按钮或菜单以外页面空白地方隐藏该菜单,这里提供一种简单有效的方法仅供参考: 点击button出现div菜单,再次点击button ...

Tue Apr 25 22:19:00 CST 2017 0 9311
实现点击页面其他地方,隐藏div(vue)

方法一:     通过监听事件 方法二(比较好):   给最外层的div加个点击事件 @click="userClick=false"   给点击的元素上面加上:@click.stop="userClick=!userClick" ...

Sat Jan 06 17:48:00 CST 2018 0 9210
实现点击页面其他地方,隐藏div(vue)

方法一:   通过监听事件 方法二(比较好): 给最外层的div加个点击事件 @click="userClick=false" 给点击的元素上面加上:@click.stop="userClick=!userClick ...

Wed Nov 24 18:59:00 CST 2021 0 767
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM