Js 事件冒泡

定义
Html是层次结构的，内层的事件能够被传播的外层 我们称之为事件冒泡

例子

<div onclick="testClick(event);">
	<table border="1">
		<tr>
			<td>this a td element</td>
			<td id="output">nothing</td>
		</tr>
	</table>
</div>

当鼠标点击<td>this a td element</td>元素时，会触发testClick事件，即事件冒泡到div元素

取消冒泡事件
还是上面的代码，我想让事件传播的table元素就结束，不再向外层传播怎么办捏？
添加return false；
<table border="1" onclick=’return false;’>
这样当点击table内的元素时，div 的onclick事件不会被触发
取消冒泡最常用的场景是表单验证，验证失败后数据不应该被提交的服务器

评论

3 楼 Hooopo 2009-10-20  

原来这样呀

2 楼 eric860 2009-02-27  

问个问题啊：
在IE下和在FF下为什么HTML和BODY的冒泡顺序相反?
IE下是BODY-->HTML
FF下是HTML-->BODY

1 楼 xieboxin 2008-08-04  

又受教了……不错，学习学习……