关于event.cancelBubble

由于HTML中的对象都是层次结构，比如一个Table包含了多个TR，一个TR包含了多个TD
Bubble就是一个事件可以从子节点向父节点传递，比如鼠标点击了一个TD，当前的event.srcElement就是这个TD，但是这种冒泡机制使你可以从TR或者Table处截获这个点击事件，但是如果你event.cancelBubble，则就不能上传事件。

例子：

<html>

<body>

<table border="1" width="26%" id="tableA" onclick="alert('tableA')">
<tr onclick="tableA_rowA_click()">
<td width="106">一般</td>
</tr>
<tr onclick="tableA_rowB_click()">
<td width="106">阻止消息上传</td>
</tr>
</table>
<p>　</p>

</body>

</html>

<script language="javascript">
<!--
function tableA_rowA_click(){
alert('tableA_rowA');
}

function tableA_rowB_click(){
alert('tableA_rowB');
event.cancelBubble=true;
}
//-->
</script>

posted on 2008-04-14 13:26 许维光阅读(8115) 评论(0) 收藏举报