/* Mark 1 的原理:判断点击事件发生在区域外的条件是:1. 点击事件的对象不是目标区域本身2. 事件对象同时也不是目标区域的子元素*/ 原文地址:https://segmentfault.com/q/1010000000452465 ...
封装的一个方法:点击当前元素,逐级筛选其父元素是否包含某个类,如果有包含,返回true,如果没有包含,返回false 遇到的问题: 当选中这个弹框的内容时,弹框消失了。 本应该点击弹框以外的地方,弹框消失,但是鼠标选中弹框内容,触发了点击事件,并且e.target是弹框最外层的元素 。 原因: 封装的方法有点问题。while语句中判断的是当前元素的父元素,并逐级递增,忽略了当前元素本身。 修改如下 ...
2020-08-06 10:45 0 581 推荐指数:
/* Mark 1 的原理:判断点击事件发生在区域外的条件是:1. 点击事件的对象不是目标区域本身2. 事件对象同时也不是目标区域的子元素*/ 原文地址:https://segmentfault.com/q/1010000000452465 ...
= document.getElementsByClassName('item-nav') //获取 点击 信息中心和在线预约的 btn ...
我们的项目,要求点击微信图标,弹出二维码,点击其他地方,弹框隐藏,然后我就写了下 <div class="wechart"></div> <div class="absolute ewm whitebg" id="ewm"> ...
vue实现点击一个按钮出现弹框,点击弹框外关闭弹框 效果图展示: View层 数据层: 样式层: 关键点: 1.mask层的层级(z-index)要比弹出的pop的层级 ...
<a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</a> <div id="myModal" class ...
开发中有时候会需要最出弹框后,过几秒自动消失的效果,下面给大家分享一下我自己做的一个小案例。 案例中的弹框使用的是bootstrap里面的模态框,实现自动消失则用的是js中的setInterval方法。该弹框使用了jquery-ui中的draggable方法,可拖动。 目录结构 ...
...
今天做项目,出现一个问题,需求是用ajax做文件上传功能,代码写好之后,测试发现问题。 弹出层出现以后我没有主动点击确定和关闭等操作,程序自动关闭了弹出层 一步一步排查,找到了错误,首先,先确认你页面上有没有发生刷新或者其他弹出 我排查以后发现我form里有个class,这个class ...