js事件冒泡

js事件冒泡的机制：

子元素定义的事件触发时，如果父元素定义了同样的事件，就会逐级向上执行，直到最顶层window，子元素执行子元素的事件，父元素执行父元素的事件，不是子元素执行父元素的事件。

<div οnclick="outSideWork()" id="outSide" style="width:100px; height:100px; background:#000; padding:50px"> 
<div οnclick="inSideWork()" id="inSide" style="width:100px; height:100px; background:#CCC"></div> 
</div> 
<script type="text/javascript"> 
function outSideWork(e) 
{ 
var e=e||window.event; 
var obj=e.target||e.srcElement; 
alert(obj.id+' was click');
alert('My name is outSide,I was working...');
} 
 
function inSideWork(e) 
{ 
var e=e||window.event; 
var obj=e.target||e.srcElement; 
alert(obj.id+' was click');
alert('My name is inSide,I was working...');
} 

参考

http://www.chhua.com/web-note1109