事件冒泡和事件捕获

事件流

指的是从页面中接受事件的顺序，在IE中的事件流是事件冒泡流；在Netscape浏览器中是事件捕获流。

###什么是Netscape？ （Netscape浏览器是一个网络信息浏览器，它是由Netscape通信公司开发的网络客户器。它虽是一个商业软件，但它也提供了可在Unix，VMS，Macs，和Microsoft Windows等操作系统上运行的免费版本。和IE是竞争对手）

事件冒泡

指的是事件最开始由最具体的元素接受，然后逐级想上传播至最不具体的节点（也就是说从嵌套层次最深的节点到文档节点（document））

<div id="box" onclick = "showMessage()">
		<input type="text" id="btn" onclick = "showMes()">
	</div>

	<script>
		function showMes(){
			alert("我是input");
		}

		function showMessage(){
			alert("我是div");
		}
	</script>

此处点击input时会调用showMes()函数，但是，根据冒泡原理，还会调用showMessage()函数；在点击input的同时，浏览器认为也点击了div（因为input在div里面）

###事件捕获 刚好跟事件冒泡相反，是指由不太具体的节点向下传播至具体的节点。

转载于:https://my.oschina.net/summeryh/blog/682732