Web开发

首页 » 常识 » 预防 » 2020Web前端面试题事件冒泡事件捕
TUhjnbcbe - 2023/7/11 22:05:00
Web前端面试题及答案

问题:事件冒泡是什么?

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

看如下例:

!DOCTYPEHTML

html

head

metacharset=UTF-8

titleDocument/title

body

div/div

/body

/html

如果单击了中的div元素,那么这个click事件沿DOM树向上传播,在每级节点上都会发,按照如下顺序传播:

1.div

2.body

3.html

4.document

问题:事件捕获是什么?

解析:事件捕获的思想是不太具体的节点应该更早接收到事件,最具体的节点应该最后接收到事件。事件捕获的意在于在事件到达预定标之前就捕获它。

看如下例:

!DOCTYPEHTML

html

head

metacharset=UTF-8

titleDocument/title

body

div/div

/body

/html

在事件捕获过程中,document对象先接收到click事件,然后事件沿DOM树依次向下,直传播到事件的实际标,即div元素

1.document

2.html

3.body

4.div

问题:事件流是什么?

解析:事件流称为事件传播,DOM2级事件规定的事件流包括三个阶段:事件捕获阶段(capturephase)、处于标阶段(targetphase)和事件冒泡阶段(bubblingphase)。

触发顺序通常为

1.进事件捕获,为截获事件提供了机会

2.实际的标接收到事件

3.冒泡阶段,可以在这个阶段对事件做出响应

本文收录了一些在Web前端开发面试中经常会遇到的面试题及答案,希望对大家有所帮助,若有所疏漏欢迎指正,以后小科每日均会提供Python及Web相关的习题,开启学习之旅吧。

1
查看完整版本: 2020Web前端面试题事件冒泡事件捕