美文网首页
浅析前端事件流

浅析前端事件流

作者: 搬不完的元猿员 | 来源:发表于2019-05-04 05:01 被阅读0次

IE的事件流叫做事件冒泡,即事件开始时有具体的元素接收,然后逐级向上传播。

我们通过一个案例来理解下事件冒泡

我们如果给div添加一个点击事件,并且点击了这个div的话,那么这个点击事件会按照以下顺序触发。

<div>→<body>→<html>→document

点击事件首先在div触发,然后事件沿着DOM树向上传播,在每个节点都会发生,直到document停止。

虽然现代浏览器都支持事件冒泡,但在具体实现冒泡的过程中,还是有些差异,如IE5.5会直接从body跳到document,IE9,Chrome,firefox,Safari则会冒泡到window对象。

更多前端内容请 点击关注

32/10/2/45/15/42

相关文章

  • 浅析前端事件流

    IE的事件流叫做事件冒泡,即事件开始时有具体的元素接收,然后逐级向上传播。 我们通过一个案例来理解下事件冒泡 我们...

  • DOM事件探索

    前端开发 JavaScriptD DOM 1.事件流 事件流描述的是从页面中接受事件的顺序。IE的事件流是事件冒泡...

  • 刷前端面经笔记(四)

    1.说说前端中的事件流? 事件流描述的是从页面接收事件的顺序,DOM2级事件流包括下面几个阶段。事件捕获阶段处理事...

  • 浅析前端单向数据流

    什么是单向数据流? 前端开发中的单向数据流是指处理完数据到渲染在界面上的整个过程是单向不可逆的,你只能按照规定好的...

  • 前端函数式编程浅析

    前端函数式编程浅析 前言 在浅析函数式编程之前,我们需要明确两个前导概念,即:编程范式(Programming P...

  • 手写事件模型及事件代理/委托

    事件流:事件流所描述的就是从页面中接受事件的顺序。IE:IE事件流是事件冒泡流;Netscape事件流是事件捕获流...

  • JavaScript事件探秘

    一、事件流 事件流描述的是从页面中接收事件的顺序。IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流...

  • 事件

    1. 事件 IE的事件流是事件冒泡流Netscape是的事件流是事件捕获流 DOM事件流 :规定事件包括三个阶段:...

  • JavaScript事件捕获冒泡与捕获

    事件流 JavaScript中,事件流指的是DOM事件流。 概念 事件的传播过程即DOM事件流。 事件对象在 DO...

  • 事件流and事件处理程序

    事件流 什么是事件流 事件流描述得是从页面中接收事件的顺序 IE的事件流是事件冒泡流 Netscape Commu...

网友评论

      本文标题:浅析前端事件流

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