zoukankan      html  css  js  c++  java
  • 事件委托

    事件委托

    定义:子元素将事件委托到父元素上,基于事件冒泡的原理,让自己的所要触发的事件,让它的父级元素代替执行。
    优点:节省内存,节省资源

    事件冒泡

    定义:事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点。

    事件流

    事件流描述的是从页面接收事件的顺序。
    ie的事件流是事件冒泡,即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点。

    <!DOCTYPE html>
    <html>
    <head>
        <title>事件冒泡</title>
    </head>
    <body>
        <div id="mydiv">Clickme</div>
    </body>
    </html>
    <!-- 如果你单击了div,那么这个click事件,会从div body  html document这样的顺序,沿着DOM树向上执行,直至传播到document对象 -->
    
    
    <!-- 注意:ie5及更早版本的浏览器会跳过html,直接从body到document -->
    
    <!-- IE9 Firefox Chrome和Safari则将事件一直冒泡到window对象上 -->
    

    网景公司认为的DOM事件流 →事件捕获 事件目标 事件冒泡(也是W3C标准)

    在DOM事件流中,实际的目标,div元素,在事件捕获阶段不会接收到事件,这就意味着在捕获阶段事件从document到html到body就停止了,下一个阶段是处于事件目标阶段,于是事件在div上发送,事件处理被看成事件冒泡的一部分,然后事件冒泡发生,事件又传播回到文档。

  • 相关阅读:
    Codeforces Round #174 (Div. 1 + Div. 2)
    Codeforces Round #176 (Div. 1 + Div. 2)
    [ARC101C] Ribbons on Tree 解题报告
    [CTS2019]珍珠 解题报告
    CF1349D Slime and Biscuits 解题报告
    [PKUWC2018]猎人杀 解题报告
    AGC047 解题报告
    肯德基 解题报告
    [GXOI/GZOI2019]旧词 解题报告
    [ARC084B] Small Multiple 解题报告
  • 原文地址:https://www.cnblogs.com/lml-lml/p/7107240.html
Copyright © 2011-2022 走看看