日期:2014-05-16 浏览次数:20357 次
从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>
运行程序就都懂了,不用废话了!