js 阻止事件冒泡

html

<div>
	<div id="outer" >
	<div id="inner" >
</div>

js

<script>
	document.getElementById("outer").addEventListener("click",function(e){
		console.log("outer");
	});
	document.getElementById("inner").addEventListener("click",function(e){
		e=e||window.event;
		if(e.stopPropagation){
			e.stopPropagation();//其它浏览器
		}else{
			e.cancelBubble=true;//IE浏览器
		}
		console.log("inner");
	});
</script>