学习前端JavaScript你必须要懂得核心交互事件！！！

JavaScript事件是与用户交互和页面元素操作相关的核心概念之一。事件可以是用户在页面上执行的操作，如点击鼠标、按键盘键等，也可以是浏览器或页面本身发生的变化，如加载完成、窗口大小变化等。通过处理这些事件，你可以实现丰富的交互体验和用户界面。

以下是一些关于JavaScript事件的基本内容：

1. 事件类型： JavaScript支持各种类型的事件，包括鼠标事件（如点击、移动、悬停）、键盘事件、表单事件（如提交、输入）、窗口事件（如加载、大小变化）等。

2. 事件监听： 通过事件监听，你可以告诉浏览器在特定事件发生时执行特定的代码。你可以使用addEventListener方法来添加事件监听器，监听特定的事件类型。例如：

   const button = document.querySelector('#myButton');
   
   button.addEventListener('click', function() {
     alert('Button clicked!');
   });

3. 事件处理函数： 事件发生时要执行的代码被称为事件处理函数。上述示例中的匿名函数就是一个事件处理函数。你也可以将一个预定义的函数传递给事件监听器。

4. 事件对象： 每个事件处理函数都可以访问一个事件对象，其中包含关于事件的信息，比如事件类型、目标元素等。你可以在事件处理函数中使用event参数来访问这个事件对象。

5. 阻止默认行为： 有时候，浏览器会在特定事件发生时执行默认的操作，如点击一个链接会跳转到链接的地址。你可以使用event.preventDefault()方法来阻止这些默认行为，从而实现自定义的交互逻辑。

6. 事件冒泡和捕获： 事件可以在DOM树中的多个层次间传播。事件冒泡是指从最具体的元素开始，逐步向上传播到根元素。事件捕获则是从根元素向下传播到最具体的元素。你可以选择在捕获阶段或冒泡阶段处理事件

7. 基础事件总结：