文章目录
0.结论
执行顺序:先捕获再冒泡
执行次数:绑定了几个事件就执行几次
即:祖先元素的捕获事件>点击元素的捕获事件>点击元素的冒泡事件>祖先元素的冒泡事件
1.事件冒泡是自下而上执行
示例,略
2.事件捕获是自上而下执行
示例,略
3.同一元素上同时绑定多个事件时会先执行冒泡还是捕获?会执行几次?
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
#father{
width: 200px;
height: 150px;
background: pink;
display: flex;
justify-content: center;
align-items: center;
}
#son{
width: 100px;
height