<!DOCTYPE html>
<html>
<head>
<style>
div {
background-color: coral;
border: 1px solid;
padding: 50px;
}
</style>
</head>
<body>
<p>该实例演示了在添加事件监听时选择true和false的不同。</p>
<div id="div">
<p id="p">选择false,程序由里到外进行</p>
</div>
<br>
<div id="div2">
<p id="p2">选择true,程序由外到里进行</p>
</div>
<script>
document.getElementById("p").addEventListener("click", function() {div
alert("你点击了 p 元素!");
}, false);
document.getElementById("div").addEventListener("click", function() {
alert("你点击了 div 元素!");
}, false);
document.getElementById("p2").addEventListener("click", function() {
alert("你点击了 p元素!");
}, true);
document.getElementById("mydiv2").addEventListener("click", function() {
alert("你点击了 div元素!");
}, true);
</script>
</body>
</html>