你真的了松事情冒泡和事情捕秉吗?

admin 时间:2020-02-22 09:15:47   |   阅读:58

  近日到在复课前端的基础,看到事情此雕刻壹节的时分,方好发皓了笔记中壹道特佩好玩同时什分诙谐的代码,根据此雕刻么壹道题目,根本上却以把事情冒泡和事情捕秉的盲区给扫空。本文就带你壹道到来看看此雕刻段诙谐的代码。

  条是,比值先我们还是要例行私事,把壹些基础的概念度过壹度过,实则也不需寻求太长的时间。

  和之间的提交互是经度过事情完成的。事情,坚硬是文档或阅读器窗口突发的壹些特定的提交互瞬间。却以运用监收听器(或事情处理以次)到来预条约事情,以便事情突发时实行相应的代码。深雕刻的说,此雕刻种模具实则坚硬是壹个不清雅察者花样。(事情是对象本题,而此雕刻壹个个的监收听器坚硬是壹个个不清雅察者)

  事情流动描绘的坚硬是从页面中接纳事情的以次。而和提出产了完整顿相反的事情流动概念。事情流动是事情冒泡,而的事情流动坚硬是事情捕秉。

  打个比方,假设你把顺手指放在圆心上(多个齐心圆),这么你的顺手指指向的不是壹个圆,而是纸上所拥局部圆。假设你单击了某个按钮,在单击按钮的同时,也单击了按钮的容器元斋,甚到是整顿个页面。

  的事情流动叫做事情冒泡。即事情末了尾时由最详细的元斋(文档中嵌套层次最深的阿谁节点)接纳,然后逐级向上传臻成较为茫然细的节点(文档)。壹装置妥代当世阅读器邑顶持事情冒泡,同时会将事情壹直冒泡到对象。

  事情捕秉的思惟是不太详细的节点应当更早的接纳到事情,而在最详细的节点应当最末接纳到事情。事情捕秉的用以在于事情顶臻预条约目的之前捕秉它。和顶持,且从末了尾捕秉(固然级事情规范要寻求从)。鉴于老版本阅读器不顶持,因此很微少拥有人运用事情捕秉。

  “DOM2级事情”规则事情流动带拥有叁个阶段,事情捕秉阶段、处于目的阶段和事情冒泡阶段。比值先突发的事情捕秉,为截获事情供了时间。然后是还愿的目的接纳了事情。最末壹个阶段是冒泡阶段,却以在此雕刻个阶段对事情做出产照顾。

  以上此雕刻段话,坚硬是我们DOM事情流动的根本了,此雕刻段话什分要紧,固然看似骈杂,条是外面面包罗着很多小底细,我会不才面例儿子中整顿个讲到。

  当今就末了尾到来说皓此雕刻个诙谐的例儿子,先把代码贴下,父亲致的构造什分骈杂。鉴于segmentfault代码度过长时会拥有滚触动条,此雕刻边我把它切分,并节微了壹些不用要的结点,便于不清雅看。

  整顿个的html页面坚硬是下面此雕刻叁个小盒儿子。

  这么当今拥有叁个效实:

随机推荐

  • 你真的了松事情冒泡和事情捕秉吗?

    近日到在复课前端的基础,看到事情此雕刻壹节的时分,方好发皓了笔记中壹道特佩好玩同时什分诙谐的代码,根据此雕刻么壹道题目,根本上却以把事情冒泡和事情捕秉的盲区给扫空...

  • 《中国水利报》发表发出产马林云签署文字:让

    《中国水利报》发表发出产马林云签署文字:让福气河养分浙江父亲村儿子园 日期:2019-12-12 10:37 阅读次数: 代号:[ 父亲 中 小 ] 让福气河养分浙江父亲村儿子园 《中国水利报》(...

  • 佛手掌如何爆盆,5点轻松使佛手掌爆盆

    佛手掌是多肉的一个种类,叶子较长像佛手,故得此名。佛手掌养殖时,留心泥土、过度浇水、公道施肥和防虫,通俗都可以养到爆盆,然则,佛手掌如何爆盆最快,那照样要叶插,想...

  • “两平安出口之间的距离不满足5米请求”关于三

    自从新防火规范GB50016-2014实施以来,笔者同院内的小错误们小心翼翼的重复拜读,大众号分享、论坛上各类新旧防火规范对比、解说的帖子不时地研究,生怕有所遗漏。本认为对新防火...

  • 羊腿肉和山竹能同吃吗

    羊腿肉和365bet能同吃 365bet搭配忌讳 365bet不成与寒凉食品同食。365bet性质偏凉一些,有清热解毒的感化,平常吃365bet时不要再吃冷饮、冰镇的水果,如西瓜、苦瓜、白菜、啤酒、荷叶汤...

大家都在看

  • 《中国水利报》发表发出产马林云签署文字:让

    《中国水利报》发表发出产马林云签署文字:让福气河养分浙江父亲村儿子园 日期:2019-12-12 10:37 阅读次数: 代号:[ 父亲 中 小 ] 让福气河养分浙江父亲村儿子园 《中国水利报》(...

  • “两平安出口之间的距离不满足5米请求”关于三

    自从新防火规范GB50016-2014实施以来,笔者同院内的小错误们小心翼翼的重复拜读,大众号分享、论坛上各类新旧防火规范对比、解说的帖子不时地研究,生怕有所遗漏。本认为对新防火...

  • 佛手掌如何爆盆,5点轻松使佛手掌爆盆

    佛手掌是多肉的一个种类,叶子较长像佛手,故得此名。佛手掌养殖时,留心泥土、过度浇水、公道施肥和防虫,通俗都可以养到爆盆,然则,佛手掌如何爆盆最快,那照样要叶插,想...

回到顶部