完美世界前端面试题及参考答案
如何设置事件捕获和事件冒泡?
在 JavaScript 中,可以通过addEventListener
方法来设置事件捕获和事件冒泡。该方法接收三个参数,第一个参数是事件类型,如click
、mousedown
等;第二个参数是事件处理函数;第三个参数是一个布尔值,用于指定是否使用事件捕获机制。当这个布尔值为true
时,表示使用事件捕获,即事件从根节点开始,向目标节点传播;当为false
或者省略时,表示使用事件冒泡,即事件从目标节点开始,向根节点传播。以下是示例代码:
<!DOCTYPE html>
<html lang="en">
<body>
<div id="outer">
<div id="inner"></div>
</div>
<script>
const outer = document.getElementById('outer');
const inner = document.getElementById('inner');
// 事