[分享]DHTML对象鼠标事件的触发顺序

DHTML中对象的鼠标事件触发顺序按照相互之间的包容关系(HTML 代码中的包容关系)确定，即最里层对象的事件最先触发，最外层对象的事件最后触发。

以onmousedown为例：

如果某个div包括一个img元素，当在img上按下鼠标时，首先触发img的onmousedown事件，然后触发div的onmousedown事件。

两个元素如果不存在包含关系，例如两个div，即使它们在位置上重叠，但彼此不互相包含，则在某个共同的位置上按下鼠标时，只触发上层（由z-index属性确定）div的onmousedown事件。

如果为div设置了鼠标捕获(即调用了setCapture)，情况则会有一些变化：

若setCapture的参数为true，当在img上按下鼠标时，仅触发div的onmousedown事件。若setCapture的参数为false，当在img上按下鼠标时，首先触发img的onmousedown事件，然后触发div的onmousedown事件。


测试环境：Microsoft® Internet Explorer 6