JavaScript捕获与冒泡案例

Lxq0218

于 2021-06-09 09:40:33 发布

阅读量714

点赞数

文章标签： javascript js dom

本文链接：https://blog.youkuaiyun.com/Lxq0218/article/details/117731270

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="div1">
			<p id="p1">捕获与冒泡演示</p>
		</div>
		
	</body>
	<script type="text/javascript">
		var div1=document.getElementById("div1");
		var p1=document.getElementById("p1");
		p1.addEventListener("click",function(){
			alert("段落被点击了")
		})
		div1.addEventListener("click",function(){
			alert("div1被点击了");
		})
	</script>
</html>