原文:页面弹出一个弹框后 点击除弹框外的其他地方 让弹框消失

封装的一个方法:点击当前元素,逐级筛选其父元素是否包含某个类,如果有包含,返回true,如果没有包含,返回false 遇到的问题: 当选中这个弹框的内容时,弹框消失了。 本应该点击弹框以外的地方,弹框消失,但是鼠标选中弹框内容,触发了点击事件,并且e.target是弹框最外层的元素 。 原因: 封装的方法有点问题。while语句中判断的是当前元素的父元素,并逐级递增,忽略了当前元素本身。 修改如下 ...

2020-08-06 10:45 0 581 推荐指数:

查看详情

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

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

Wed Dec 07 22:13:00 CST 2016 0 4418
jquery 点击

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

Wed Jun 13 19:11:00 CST 2018 0 980
js3秒自动消失

开发中有时候会需要最出,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例。 案例中的使用的是bootstrap里面的模态,实现自动消失则用的是js中的setInterval方法。该使用了jquery-ui中的draggable方法,可拖动。 目录结构 ...

Fri Jul 08 07:35:00 CST 2016 0 41446
layer弹出自动关闭

今天做项目,出现一个问题,需求是用ajax做文件上传功能,代码写好之后,测试发现问题。 弹出层出现以后我没有主动点击确定和关闭等操作,程序自动关闭了弹出层 一步一步排查,找到了错误,首先,先确认你页面上有没有发生刷新或者其他弹出 我排查以后发现我form里有个class,这个class ...

Fri May 18 20:13:00 CST 2018 0 6886
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM