大概我们的layer两个图层是这样重合的,当你点击的时候你会发现,两个layer的popup都进行了触发:
我们所需要的就是如果重合 上面的图层才能触发popup 下面的不会弹框
首先我们理出我们打印顺序,我们必须将上层的打印触发事件写在上面:
(这里我们上层显示的是spot-layer)
在上层的spot-layer中写入:
e.preventDefault()
阻止默认事件
在下面的project-layer中我们可以打印他的e,可以看到_defaultPrevented: false,在project-layer中写入
if(e.defaultPrevented)return;
这样我们点击重合部分只有上层layer会出现弹框,同时没有重合的时候,点击下面部分也不会有影响。