(1) 事件捕获
(2) 处于目标阶段
(3) 事件冒泡
<script> window.onload = function(){ var oBtn = document.getElementById(\'btn\'); //1. document.addEventListener(\'click\',function(){ console.log(\'document处于事件捕获阶段\'); }, true); //2. document.documentElement.addEventListener(\'click\',function(){ console.log(\'html处于事件捕获阶段\'); }, true); //3 document.body.addEventListener(\'click\',function(){ console.log(\'body处于事件捕获阶段\'); }, true); //4. oBtn.addEventListener(\'click\',function(){ console.log(\'btn处于事件捕获阶段\'); }, true); // oBtn.addEventListener(\'click\',function(){ console.log(\'btn处于事件冒泡阶段\'); }, false); //5 document.body.addEventListener(\'click\',function(){ console.log(\'body处于事件冒泡阶段\'); }, false); //6 document.documentElement.addEventListener(\'click\',function(){ console.log(\'html处于事件冒泡阶段\'); }, false); //7. document.addEventListener(\'click\',function(){ console.log(\'document处于事件冒泡阶段\'); }, false); }; </script>