首页 > 建站教程 > JS、jQ、TS >  js点击关闭上一层,关闭时触发了下一层的点击事件正文

js点击关闭上一层,关闭时触发了下一层的点击事件

    我爱模板网在用mui做app时,遇到一个问题,先看图:

js点击关闭问题

    上图的“矿工详情”是弹出来的层,是点击图中所示的“title”弹出来的,现在的问题是,点击“矿工详情”弹出层的“返回”按钮,关闭本层。这时遇到了问题,当点击“返回”关闭了本层,由于触发的地方与下面的“title”重合,关闭的一刹那似乎点击到了下面的“title”,一开始以为是冒泡导致的,但是分析代码,弹出层和title相差十万八千里,根本不在一个容器,而且,使用了cancelBubble=true也没有反应。肯定不是冒泡。并且,我点击“返回”按钮上面,即不和“title”重合的部分,就没有问题。那应该是点击时,关闭的太快了,它刚关闭,我鼠标还没抬起来就点击到了下面的title了,于是,我修改了代码,延时了关闭,如下:
closePopBtn.addEventListener("tap",function(){
	setTimeout(function(){
		pop.classList.remove("show");
	},100)
})
     这时,问题解决了。