事件有冒泡和捕获两种传递方式,冒泡传递方式先触发内部元素的事件,后触发外部元素的事件,捕获传递方式则相反。
以下是测试代码示例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>冒泡与捕获</title>
</head>
<style>
.divTest {
margin: 20px auto;
width: 300px;
height: 180px;
border: 2px solid red;
}
.pTest {
width: 100px;
border: 2px solid green;
cursor: pointer;
margin-left: 75px;
text-align: center;
}
</style>
<body>
<div class="divTest" id="id1">
<p class=