1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5 <title>test05</title>
6 </head>
7 <body>
8 <input type="button" id="myBtn" value="点击" />
9 <script type="text/javascript" src="test06.js"></script>
10 </body>
11 </html>
1 var btn = document.getElementById("myBtn");
2 btn.onclick = function(event) {
3 console.log("2:" + event.eventPhase); //2 事件处理程序处于目标上
4 console.log(this === event.target && this === event.currentTarget && event.target === event.currentTarget);
5 };
6
7 document.body.addEventListener("click", function() {
8 console.log("1:" + event.eventPhase); //1 捕获阶段,IE是木有捕获阶段的
9 }, true);
10
11 document.body.onclick = function(event) {
12 console.log("3:" + event.eventPhase); //3 冒泡阶段
13 };
