1 Star 0 Fork 0

luenay/js_study

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
事件的传播.html 1.02 KB
一键复制 编辑 原始数据 按行查看 历史
luenay 提交于 2022-04-24 23:45 . addfiles
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#box1{
width: 300px;
height: 300px;
background-color: pink;
}
#box2{
width: 200px;
height: 200px;
background-color: skyblue;
}
#box3{
width: 150px;
height: 150px;
background-color:greenyellow;
}
</style>
</head>
<body>
<div id="box1">
<div id="box2">
<div id="box3"></div>
</div>
</div>
</body>
<script>
// 分别为三个div绑定单击响应函数
var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");
var box3 = document.getElementById("box3");
box1.onclick = function(){
alert("我是box1的响应函数");
}
box2.onclick = function(){
alert("我是box2的响应函数");
}
box3.onclick = function(){
alert("我是box3的响应函数");
}
</script>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/luenay/js_study.git
git@gitee.com:luenay/js_study.git
luenay
js_study
js_study
master

搜索帮助