事件机制 事件捕获 处于目标阶段 事件冒泡 事件委托

事件捕获

当点击触发了dom事件，浏览器会从根节点开始由外向内进行传播，如果父元素在捕获期注册了对应的事件，则会先触发父元素的绑定事件

事件冒泡

由内向外进行传播，直到根节点

事件流：事件捕获期(IE10以下不支持捕获期) -> 处于目标阶段 -> 事件冒泡期

  • 当子元素不想触发父元素事件，可停止事件传播 event.stopPropagation() 或者 event.cancelBubble = true

事件委托就是根据事件冒泡机制，在父元素上绑定事件，点击子元素，通过事件冒泡，在父元素上触发事件

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,695评论 1赞 11
  • javascript 中的事件机制
    js之事件机制 1、事件初探 1.1 js事件的概述 JavaScript事件：JavaScript是基于事件驱动...
    道无虚阅读 2,632评论 0赞 2
  • JavaScript中的事件处理机制
    以下文章为转载，对理解JavaScript中的事件处理机制很有帮助，浅显易懂，特分享于此。 什么是事件？ 事件(E...
    jxyjxy阅读 3,170评论 1赞 10
  • 孩子，你自己来
    当儿子的那个“滚”字从嘴巴里面吐出来的时候，其实我是崩溃的。家里有老人，有时候会蹦出几个脏字，虽然我一直在尽量避免...
    梅子的江湖阅读 1,732评论 33赞 64
  • 《真实的幸福》Day2―威峰
    R：真正使人在婚姻中变得幸福的东西是两人有很深的联结，互相陪伴、支持、照顾，因此，当真正遇到合适的人选时才去选择结...
    心声树洞阅读 130评论 0赞 0

友情链接更多精彩内容