有关在div中的嵌套事件

这两天为了实现在网页上画矢量图形，找类库、资料弄的自己是伤痕累累，不过最好找到了比较好的js类库，能比较好的画出来，而且使用它也能画出橡筋线，但是随之而来的问题又发生了，就是对于在新画的图层是动态建立的，并且其定位是使用绝对定位，因此这给其绘制带来的问题，我本身显示的底图是来自于google，而动态的接受绘画的图层与google显示的那个层是兄弟关系，这在捕获时发生了

function mapClick(marker,clickedPoint)

function mapMouseMove(latlng)

<div id="container" style="width:800px; height:200px; position:absolute; top:610; left:0; z-index:1000;" onclick="javascript:void(alert('container'))">

test

</div>

<div id="dynamatic" style="width:800px; height:200px; position:absolute; top:610; left:0; z-index:999;" onclick="javascript:void(alert('dynamatic'))">

dynamatic

</div>

上面两个div位于同样的位置，并且对鼠标单击事件都有相应，但是运行可以看出击发的函数总是最上面的函数，这里通过z-index属性将图层叠放的属性指定。

这里由于container放在上面，因此单击这个div永远都是出发container总的函数，而dynamatic永远得不到调用