JavaScript:事情对象Event和冒泡

admin 时间:2020-02-22 00:53:22   |   阅读:183

  本文最末发表发出产于落客园,并在GitHub上持续花样翻新前端的系列文字。乐当着在GitHub上关怀我,壹道入门和进阶前端。

  以下是注释。

  我们在上壹篇文字 DOM操干详松 中曾经讲度过事情的概念。此雕刻边讲壹下报户口事情的两种方法,我们以onclick事情为例。

  举例:

  点击按钮后,上方代码的打印结实:

  我们却以看到,此雕刻种绑定事情的方法,会层叠掉落之前的事情。

  addEventListener()里的参数:

  举例:

  点击按钮后,上方代码的打印结实:

  我们却以看到,此雕刻种绑定事情的方法,不会层叠掉落之前的事情。

  在触发DOM上的某个事情时,会产生壹个事情对象event,此雕刻个对象中包罗着所拥有与事情拥关于的信息。譬如鼠标注操干时分,会添加以鼠标注位置的相干信息到事情对象中。

  所拥有阅读器邑顶持event对象,但顶持的方法不一。如次。

  (1)普畅通阅读器顶持 event。譬如:

  

  (2)ie 678 顶持 window.event。

  于是,我们却以采取壹种兼容性的写法。如次:

  代码举例:

  event 拥有很多属性,譬如:

  

  鉴于pageX 和 pageY的兼容性不好,我们却以此雕刻么做:

  代码完成:

  完成效实:

  

  关键点:

  代码演示:

  完成效实:

  

  举例:商品收压缩制紧缩镜

  代码完成:

  (1)index.html:

  (2)tools.js:

  效实演示:

  

  事情传臻的叁个阶段是:事情捕秉、事情冒泡和目的。

  如次图所示:

  

  PS:此雕刻个概念相像于 Android 里的 touch 事情转提交。

  事情冒泡: 当壹个元斋上的事情被触发的时分(譬如说鼠标注点击了壹个按钮),异样的事情将会在阿谁元斋的所拥有先人元斋中被触发。此雕刻壹经过被称为事情冒泡;此雕刻个事情从原始元斋末了尾壹直冒泡到DOM树的最下层。

  深雕刻到来讲,冒泡指的是:儿子元斋的事情被触发时,父亲盒儿子的异样的事情也会被触发。吊销冒泡坚硬是吊销此雕刻种机制。

  代码演示:

随机推荐

  • JavaScript:事情对象Event和冒泡

    本文最末发表发出产于落客园,并在GitHub上持续花样翻新前端的系列文字。乐当着在GitHub上关怀我,壹道入门和进阶前端。 以下是注释。 我们在上壹篇文字 DOM操干详松 中曾经讲度过事...

  • 周末去了趟建材市场,发明断桥铝价格差距太大

    现在停止房屋的门窗装修,我们要选结实且能防盗的门窗,个中缀桥铝门窗十分遭到冤家们的喜爱。这个周末,我跟要装修门窗的冤家们去建材市场去看门窗材质,发明市场外面断桥铝...

  • 乐山大年夜佛,弥勒佛大年夜佛像胸腹部裂开,

    乐山大年夜佛,弥勒佛大年夜佛像胸腹部裂开,是吉是凶? 可否和封印有关? 祸起萧墙,总认为携皇帝以号召世界诸侯, 却疏忽掉落了最风险的器械,曾经没法控制 暖 乐山佛就是被...

  • IMS天下秀王翔:做新媒体商生态的BENCHMARK

    8月22日,2019科睿国际花样翻新节在北边京举行。IMS(天下秀)新媒体商集儿子团弄品牌事业部尽经纪王翔受邀列席,并在主论坛上与到来己阿里妈妈、微落、分群传媒等业界父亲咖共话行...

  • 项目-沐浴露切磋报告 (4500字).doc 75页

    项目-沐浴露切磋报告 (4500字) ok3w_ads(“s004”); ok3w_ads(“s005”); 中地脊炬事业技术学院 生物医药系 实 训 报 实 训 题 目 :沐浴露的切磋、香茅稀油的提 小 组 成 员 :颜敏、周岳平、王...

  • 碧维姿 斑马纹长筒网袜2013-04(黑色)

    健客成立于2006年,是今朝国际医药电商的领军企业,全国十分范围的网上药店之一。2009年取得国家食品药品监督办理局颁布的《互联网药品生意效劳资格证书》,为广东首家(B2C)互联网...

大家都在看

  • JavaScript:事情对象Event和冒泡

    本文最末发表发出产于落客园,并在GitHub上持续花样翻新前端的系列文字。乐当着在GitHub上关怀我,壹道入门和进阶前端。 以下是注释。 我们在上壹篇文字 DOM操干详松 中曾经讲度过事...

  • 乐山大年夜佛,弥勒佛大年夜佛像胸腹部裂开,

    乐山大年夜佛,弥勒佛大年夜佛像胸腹部裂开,是吉是凶? 可否和封印有关? 祸起萧墙,总认为携皇帝以号召世界诸侯, 却疏忽掉落了最风险的器械,曾经没法控制 暖 乐山佛就是被...

  • 周末去了趟建材市场,发明断桥铝价格差距太大

    现在停止房屋的门窗装修,我们要选结实且能防盗的门窗,个中缀桥铝门窗十分遭到冤家们的喜爱。这个周末,我跟要装修门窗的冤家们去建材市场去看门窗材质,发明市场外面断桥铝...

回到顶部