简单
技术面试0 次浏览请描述 JavaScript 中事件冒泡和事件捕获的概念,并举例说明如何在实际开发中利用它们。
华为前端工程师
JavaScript事件机制
答题要点
建议采用 STAR 法则回答,先介绍事件冒泡和事件捕获的背景(S),再说明它们的概念(T),接着举例说明应用场景(A),最后阐述结果(R)。关键要点:1. 事件冒泡:事件从最内层元素开始,逐层向外传播,直到根元素。如点击一个按钮,事件会从按钮开始,依次传递给其父元素、祖父元素等。2. 事件捕获:与事件冒泡相反,事件从根元素开始,逐层向内传播到目标元素。3. 实际应用:在需要统一处理多个子元素事件时,可利用事件冒泡,将事件处理程序绑定到父元素上。4. 示例代码:可通过 addEventListener 的第三个参数来控制是事件冒泡还是事件捕获。示例思路:“在 JavaScript 事件机制中,事件冒泡和事件捕获是两种不同的事件传播方式。事件冒泡从内向外传播,而事件捕获从外向内传播。在实际开发中,比如我们有一个列表,要为每个列表项添加点击事件,利用事件冒泡,只需将事件处理程序绑定到列表元素上。例如:document.getElementById('list').addEventListener('click', function(event) { console.log('Clicked on list item'); }, false); ”