日期:2014-05-16  浏览次数:20332 次

js javascript 事件流 DOM2

从qt ,嵌入式方向 的我彻底的转行了,web,这几天做梦都是js。。。

进去正题

eventPhase:调用事件处理程序的阶段,1捕获,2目标,3冒泡

请看图:

            

请看例子:

<html>
<body>
dom2 级 事件流=》 事件捕获->目标->事件冒泡(请用ff)
<br \>
<br \>
<div id=div>
<div id=div1>点我</div>
</div>

<script type="text/javascript">
var btn=document.getElementById('div');
var btn1=document.getElementById('div1');

btn1.addEventListener('click',function(event){alert(event.eventPhase+'div1内层--事件捕获');},true);
btn.addEventListener('click',function(event){alert(event.eventPhase+'div外层--事件冒泡');},false);
btn1.addEventListener('click',function(event){alert(event.eventPhase+'div1内层--事件冒泡');},false);
btn.addEventListener('click',function(event){alert(event.eventPhase+'div外层--事件捕获');},true);

</script>

</body>
</html>

运行程序就都懂了,不用废话了!