eventPhase三个状态测试 

 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 };
posted @ 2012-05-26 17:26  小猩猩君  阅读(2375)  评论(0)    收藏  举报