美文网首页
JS事件模型

JS事件模型

作者: __越过山丘__ | 来源:发表于2018-12-25 15:10 被阅读0次
  1. IE事件模型

IE事件模型共有两个过程:

事件处理阶段(target phase)。事件到达目标元素, 触发目标元素的监听函数。

事件冒泡阶段(bubbling phase)。事件从目标元素冒泡到document, 依次检查经过的节点是否绑定了事件监听函数,如果有则执行。

  1. W3C标准模型

在该事件模型中,一次事件共有三个过程:

事件捕获阶段(capturing phase)。事件从document一直向下传播到目标元素, 依次检查经过的节点是否绑定了事件监听函数,如果有则执行。

事件处理阶段(target phase)。事件到达目标元素, 触发目标元素的监听函数。

事件冒泡阶段(bubbling phase)。事件从目标元素冒泡到document, 依次检查经过的节点是否绑定了事件监听函数,如果有则执行。

由于事件模型的差异以及Event对象的不同,为了达到兼容各个浏览器的目的,我们可以增加一个Event Wrapper, 它对各个浏览器应当提供一致的事件操作接口。

https://segmentfault.com/a/1190000006934031

相关文章

  • JS事件—事件模型

    监听函数 浏览器的事件模型,就是通过监听函数(listener)对事件做出反应。事件发生后,浏览器监听到了这个事件...

  • JS事件模型

    IE事件模型 IE事件模型共有两个过程: 事件处理阶段(target phase)。事件到达目标元素, 触发目标元...

  • js 事件模型 + ( 事件类型 )

    Dom事件 事件是一种异步编程的实现方式,本质上是程序各个组成部分之间的通信。DOM支持大量的事件 (一) Eve...

  • 2了解Node.js事件模型

    Node.js应用程序在一个单线程的事件驱动模型中运行。 比较事件回调和线程模型 在传统的线程网络模型中,请求进入...

  • js事件流的运行过程剖析及其应用

    js事件流触发原理 DOM2.0模型将事件处理流程分为三个阶段:一、事件捕获阶段,二、事件目标阶段,三、事件起泡阶...

  • Nodejs学习第8天

    Events - events模块是Node.js的核心模块、核心API之一,它是Node.js事件驱动模型的核...

  • 事件

    JS和HTML的交互是通过事件来实现的。JS采用异步事件驱动编程模型,当文档,浏览器,元素或者与之相关的对象发生特...

  • 事件驱动编程

    前言 从 js 中的事件模型,到 Yii2 中的是事件,再到 nginx 事件机制。我愈发想要搞清楚事件究竟是怎么...

  • JS事件冒泡、事件捕获、事件委托、事件模型

    最近跟同事一起面试,发现同时每次必问JS事件相关的内容,自己就做了下梳理,对其事件相关的内容做了下总结。 事件模型...

  • JS中的事件模型

    从事件模型来消化上节课内容,又回头重新看了一边JavaScript高级程序设计,这里把重新学习的心得做一个记录 D...

网友评论

      本文标题:JS事件模型

      本文链接:https://www.haomeiwen.com/subject/oqyflqtx.html