Event的三个阶段

在 2 级 DOM标准中,事件传播分为三个阶段:

第一,捕获阶段。事件从 Document 对象沿着文档树向下一级一级传递给目标节点。如果目标的任何一个先辈注册了捕获事件句柄比如document.οnkeydοwn=myonkeydown,那么在事件传播过程中马上运行这些句柄,而不等到传播到目标才执行。


第二个阶段发生在目标节点自身。直接注册在目标上的适合的事件句柄将运行。这与 0 级事件模型提供的事件处理方法相似。


第三,起泡阶段。在此阶段,事件将从目标元素向上传播回或起泡回 Document 对象的文档层次。



事件传播的当前阶段。它的值是下面的三个常量之一,它们分别表示捕获阶段、在目标对象上时和起泡阶段

1 CAPTURING_PHASE,

2 AT_TARGET,

3 BUBBLING_PHASE


下面是一个例子:"事件气泡秀"Bubble event show

<html>

<head>

<script type="text/javascript">


function foo1(){alert("foo1");}

function foo2(){alert("foo2");}

function foo3(){alert("foo3");}

function foo4(){alert("foo4");}

</script>

</head>


<body οnclick="foo1()">

<p οnclick="foo2()">

<em οnclick="foo3()">

<input type="text" οnclick="foo4()">

bubble event show

</input>

</em>

</p>

</body>

</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值