嵌套 DIV的onClick 事件在嵌套容器中的连环作用:
===========================
遇到一个奇怪的问题,代码如下:
===========================








< div id="d0" class=" div0"
< div id="d1" class=" div1"
< div id="d2" class=" div2" onclick="a(this)">测试div>
div>
div>


====================
问题描述:
====================

在嵌套容器中,为什么我点击最里面 div后会触发父 div 的onclick 事件?由此形成一个连环调用,这样很不方便,因为我只是需要此时单击的那个 div。这种现象应该是内定规则,有没有关于此连环调用现象的官方解释?

这是 事件的浮升(冒泡)
禁止 事件浮升用event.cancelBubble=true

< div id="d0" class=" div0"
< div id="d1" class=" div1"
< div id="d2" class=" div2" onclick="a(this);event.cancelBubble=true;">测试div>
div>
div>