DOM事件流

理解DOM事件流的三个阶段

用术语说流是对输入输出设备的抽象。以程序的角度说,流是具有方向的数据。

事件流之事件冒泡与事件捕获

浏览器发展的过程中,开发团队遇到了一个问题。那就是页面中的哪一部分拥有特定的事件?
可以想象画在一张纸上的一组同心圆,如果你把手指放在圆心上,那么你的手指指向的其实不是一个圆,而是纸上所有的圆。放到实际页面中就是,你点击一个按钮,事实上你还同时点击了按钮所有的父元素。
开发团队的问题就在于,当点击按钮时,是按钮最外层的父元素先收到事件并执行,还是具体元素先收到事件并执行?所以这儿引入了事件流的概念。

事件流所描述的就是从页面中接受事件的顺序。

因为有两种观点,所以事件流也有两种,分别是事件冒泡和事件捕获。现行的主流是事件冒泡。

事件冒泡

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,556评论 1 11
  • 定义: 事件:用户或浏览器自身执行的某种动作。(click,load,mouseover) 事件流:从页面中接收事...
    机智的马里奥阅读 552评论 1 6
  • 1-事件流是怎么提出的(为什9么要用事件流): 假如想象我们在同一张纸上画好多个同心圆,但是当我们去指向这个圆心的...
    stars甜阅读 474评论 0 4
  • 什么是事件流? 事件流:描述的就是从页面中接受事件的顺序。分有事件冒泡与事件捕获两种。 什么是事件冒泡? 事件冒泡...
    猿小v阅读 1,138评论 0 7
  • “认养农业”是近年来新兴的农业增值发展,令简单乏味的农业作业"华丽转身"。消费者预付生产费用,生产者为消费者提供绿...
    云农生活会阅读 1,427评论 0 0