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 };