<!DOCTYPE HTML>
<html>
<head>
<title>事件处理</title>
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/2.css"/>
</head>
<body>
<div id="d1">
<div id="d2">
<div id="d3">
</div>
</div>
</div>
<script>
// var d1=document.getElementById("d1");
// var d2=document.getElementById("d2");
// var d3=document.getElementById("d3");
//所有的id会成为全局变量,引用着元素对象
d1.onclick=function(){
var d1=this;
alert(`d1:滚!`)
}
d2.onclick=function(e){
var d2=this;
alert("d2:滚!")
//停止冒泡
e.stopPropagation();
}
d3.onclick=function(e){
var d3=this;
alert("d3:滚!")
//停止冒泡
e.stopPropagation();
}
</script>
</body>
</html>
(day05—04)阻止冒泡
猜你喜欢
转载自blog.csdn.net/qq_43459224/article/details/90083380
今日推荐
周排行