js事件冒泡与阻止冒泡

<div id="dv">
		<div id="dv1">
			<div id="dv2"></div>
			
		</div>
		
	</div>
	</body>
	
	<script>
		function mm(id){
			return document.getElementById(id);
		}
		//事件冒泡
		mm("dv").onclick=function(e){
		
		console.log(e.target);	
		} 
		mm("dv1").onclick=function(){
		console.log(this.id);	
		//阻止事件冒泡
		
		window.event.cancelBubble=true;
		}
		
		mm("dv2").onclick=function(e){
		console.log(this.id);
		//不支持ie8浏览器
		e.stopPropagation();
		}
	</script>

相关文章:

  • 2021-12-17
  • 2021-07-08
  • 2021-10-09
  • 2022-12-23
  • 2021-08-29
  • 2021-10-01
猜你喜欢
  • 2022-12-23
  • 2021-11-27
  • 2022-02-14
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案