JavaScript中的事件监听是如何工作的？

在JavaScript中，事件监听是指程序对用户的交互（如点击、滑动等）做出反应的过程。基本步骤如下：

1. **选择器和元素**：首先，你需要找到一个或多个你想监听事件的HTML元素，比如`<button>`标签。

2. **添加事件处理器**：使用`addEventListener()`方法给元素添加事件监听器，这需要传入两个参数：事件类型（如`click`、`mouseover`等）和一个回调函数，该函数会在事件发生时被执行。

const button = document.querySelector('button');
button.addEventListener('click', function() {
    // 当按钮被点击时，这里会执行的代码
});

3. **回调函数**：函数内部通常包含针对特定事件的操作，比如修改元素属性、显示新的内容或发起网络请求。

4. **事件冒泡与阻止默认行为**：事件有冒泡机制，意味着从最具体的元素开始，然后逐级向上传播到文档。如果不需要这个行为，可以在事件处理器内用`event.stopPropagation()`阻止事件继续冒泡。

5. **事件委托**：为了减少内存占用和提高效率，有时会选择将事件监听放在祖先元素上，利用事件捕获和冒泡机制来处理子元素的相似事件。

通过以上步骤，JavaScript就能监听和响应用户在浏览器中的一系列操作了。