美文网首页
事件模型

事件模型

作者: _无味 | 来源:发表于2018-09-08 16:08 被阅读4次

事件模型,事件流
一个事件发生后,会在子元素和父元素之间传播。
这种传播分成三个阶段。
window→documen→...→目标节点
第一阶段:捕获阶段,从window对象传导到目标节点
第二阶段:目标阶段,事件在目标节点上触发
第三阶段:冒泡阶段,从目标节点传回window对象
IE678的事件模型只有冒泡阶段。

阻止事件冒泡
event.stopPropagation()
stopImmediatePropagation方法阻止同一个事件的其他监听函数被调用,不管监听函数定义在当前节点还是其他节点。也就是说,该方法阻止事件的传播,比Event.stopPropagation()更彻底。
event.stopImmediatePropagation()
event.cancelBubble()
IE阻止事件冒泡

相关文章

  • 事件流的3个阶段:捕获、冒泡、目标

    事件模型:IE事件模型和DOM标准事件模型区别:IE事件模型没有捕获阶段,只有冒泡。 事件流的三个阶段:先捕获阶段...

  • js 事件

    事件模型 DOM0 :原始事件模型btn.onclick=function(){}这种类型的事件模型(btn.on...

  • jQuery--事件处理

    jQuery--事件处理 一、事件模型 1.浏览器事件模型①DOM0级事件模型:只支持一个DOM事件处理函数• ...

  • 前端:常见的事件兼容IE问题处理

    1.注册事件IE 事件模型使用 attachEvent() 方法注册事件DOM 事件模型使用 addEv...

  • Javascript 事件机制

    事件模型 DOM0级模型 在该模型中,事件不会传播,没有事件流的概念。这种模型兼容所有的浏览器。事件绑定监听函数有...

  • jQuery--事件处理

    一、事件模型 1.浏览器事件模型 ①DOM0级事件模型:只支持一个DOM事件处理函数• • input.onc...

  • JavaScript--模型、闭包、链

    (1)事件模型JavaScript中有两种时间模型:DOM0,DOM2 DOM0级事件模型是早期的事件模型,所有的...

  • laravel 模型事件监听

    所有支持的模型事件在 Eloquent 模型类上进行查询、插入、更新、删除操作时,会触发相应的模型事件(关于事件我...

  • DOM事件模型与事件委托

    1.DOM事件模型 DOM支持两种事件模型: 捕获型模型 冒泡型模型 先看下面的代码 给三个div分别添加事件监听...

  • JS事件模型

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

网友评论

      本文标题:事件模型

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