实现多层DIV叠加的js事件穿透
前几天做的一个功能:在地图上加载标注,这个标注是列表,就直接放的 DIV。
后来发现,当鼠标在这个标注上面的时候,滚动鼠标滚轮,地图的缩放功能失效。
想了下,应该是最上面的标注 DIV 拦截了滚轮滚动事件。那就禁掉最上层标注 DIV 的事件。
这里对其深入了解,也就是事件的穿透。下面这篇文章作为参考。
原文:
前几天做的一个功能:在地图上加载标注,这个标注是列表,就直接放的 DIV。
后来发现,当鼠标在这个标注上面的时候,滚动鼠标滚轮,地图的缩放功能失效。
想了下,应该是最上面的标注 DIV 拦截了滚轮滚动事件。那就禁掉最上层标注 DIV 的事件。
这里对其深入了解,也就是事件的穿透。下面这篇文章作为参考。
原文: