js事件的捕获和冒泡

最新推荐文章于 2024-06-18 19:06:56 发布

NoRe丨n

最新推荐文章于 2024-06-18 19:06:56 发布

阅读量92

点赞数 1

分类专栏：基础文章标签： js 冒泡和捕获

本文链接：https://blog.csdn.net/qq_44815470/article/details/100008562

版权

基础专栏收录该内容

15 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>冒泡和捕获</title>
	</head>
	<body>
		<h2>冒泡和捕获</h2>
		<div id="div1" style="background: cornflowerblue; width: 200px; height: 200px;">
			<p id="p1" style="background: chartreuse;width: 100px; height: 100px;"></p>
		</div>
	</body>
	<script type="text/javascript">
			document.getElementById("div1").addEventListener("click",function(){
				alert("点击div");
				//event.stopImmediatePropagation();//阻止捕获,不显示内层
			},true);//false是冒泡(从内到外),true是捕获(从外到内)
			document.getElementById("p1").addEventListener("click",function(){
				alert("点击p");
				//event.stopPropagation();//阻止冒泡,不显示外层;
			});
		</script>
</html>