js event事件的传递与冒泡处理

<div>
<table nclick="gotClick(event,table,this)" id="table">
<tr nclick="gotClick(event,tr,this)" id="tr">
<td nclick="gotClick(event,td,this)" id="td">
<input type="button" name="button" value="单击我"
onclick="gotClick(event,按钮,this);" id="button">
</td>
</tr>
</table>
</div>
<div id=result>
</div>

function gotClick(event,msg,obj){
var object;
var msgs = msg+" => 被单击了!<br/>";
try{
if (event.target) {//Mozilla
object = event.target;
// alert(document.getElementById(object.id).nodeName+" Mozilla "+msg);
document.getElementById(result).innerHTML +=msgs;
// event.cancelBubble=true;//阻止传递
}
else if(event.srcElement){//IE
object = event.srcElement;
// alert(object.id+" IE "+msg);
// event.cancelBubble=true;//阻止传递
document.getElementById(result).innerHTML +=msgs;
}
}catch(e){
alert(e);
}

}