三种事件模型是什么?

一、DOM0事件模型

第一种事件模型是最早的 DOM0 级模型,这种模型不会传播,所以没有事件流的概
念,但是现在有的浏览器支持以冒泡的方式实现,它可以在网页中直接定义监听函
数,也可以通过 js 属性来指定监听函数。这种方式是所有浏览器都兼容的。

二、IE事件模型

第二种事件模型是 IE 事件模型,在该事件模型中,一次事件共有两个过程,事件处
理阶段,和事件冒泡阶段。事件处理阶段会首先执行目标元素绑定的监听事件。然后
是事件冒泡阶段,冒泡指的是事件从目标元素冒泡到 document,依次检查经过的节
点是否绑定了事件监听函数,如果有则执行。这种模型通过 attachEvent 来添加监
听函数,可以添加多个监听函数,会按顺序依次执行。

三、DOM2事件模型

第三种是 DOM2 级事件模型,在该事件模型中,一次事件共有三个过程,第一个过程
是事件捕获阶段。捕获指的是事件从 document 一直向下传播到目标元素,依次检
查经过的节点是否绑定了事件监听函数,如果有则执行。后面两个阶段和 IE 事件模
型的两个阶段相同。这种事件模型,事件绑定的函数是 addEventListener,其中
第三个参数可以指定事件是否在捕获阶段执行(默认值为false)。

关于事件模型的详细信息可以查看我之前写的博客:js事件模型详解

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值