答案：JavaScript中函数事件处理通过绑定函数到DOM事件实现交互，常用方法有addEventListener、内联绑定和DOM属性赋值，推荐使用addEventListener。
在JavaScript中，函数事件处理是实现用户交互的核心机制。通过将函数绑定到DOM元素的特定事件上（如点击、输入、加载等），可以响应用户的操作。定义事件处理函数并正确绑定到DOM元素，是前端开发的基础技能。
定义事件处理函数
事件处理函数本质上就是普通的JavaScript函数，只是它被指定在某个事件发生时执行。
你可以用以下几种方式定义一个事件处理函数：
- 函数声明方式：function handleClick() { console.log("按钮被点击"); }
- 函数表达式方式：const handleMouseOver = function() { console.log("鼠标移入"); };
- 箭头函数方式：const handleInput = () => { console.log("输入内容改变"); };
这些函数可以在后续被绑定到DOM元素的事件上。
使用addEventListener绑定事件
现代JavaScript推荐使用 addEventListener 方法来绑定事件处理函数，它更加灵活且支持多个监听器。
语法如下：
element.addEventListener(event, handlerFunction);例如：
button.addEventListener('click', handleClick);
这种方式不会覆盖已有的事件处理函数，允许你为同一元素的同一事件添加多个处理函数。
直接在HTML中绑定事件（内联事件）
也可以在HTML标签中直接写入事件属性，调用JS函数：
虽然这种方法简单直观，但不推荐大量使用，因为它混合了结构与行为，不利于维护和测试。
通过DOM属性绑定事件
还可以直接给DOM元素的事件属性赋值函数：
button.onclick = handleClick;注意这里赋值的是函数引用，不要加括号。这种方式的缺点是只能绑定一个处理函数，重复赋值会覆盖之前的事件处理。
基本上就这些常用方法。推荐优先使用 addEventListener，它更安全、功能更强，支持事件捕获、被动事件等高级特性。
