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

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

如果某个 div包括一个 img元素,当在 img上按下鼠标时,首先触发 imgonmousedown事件,然后触发 divonmousedown事件。
 
两个元素如果不存在包含关系,例如两个 div,即使它们在位置上重叠,但彼此不互相包含,则在某个共同的位置上按下鼠标时,只触发上层(由 z-index属性确定) divonmousedown事件。
 
如果为 div设置了鼠标捕获(即调用了setCapture),情况则会有一些变化:
 
若setCapture的参数为true,当在 img上按下鼠标时,仅触发 divonmousedown事件。若setCapture的参数为false,当在 img上按下鼠标时,首先触发 imgonmousedown事件,然后触发 divonmousedown事件。
 
测试环境:Microsoft® Internet Explorer 6

你可能感兴趣的:(html)