首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

js javascript 事件源 DOM2

2012-12-23 
js javascript 事件流 DOM2从qt ,嵌入式方向 的我彻底的转行了,web,这几天做梦都是js。。。进去正题eventPhas

js javascript 事件流 DOM2

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

进去正题

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

请看图:

             js javascript 事件源 DOM2

请看例子:

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

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





热点排行