一、鼠标事件
鼠标事件是最常用的 UI 事件类型之一，主要包括以下几种事件：
1.点击事件（click）：当用户在一个元素上进行单击操作时触发。
2.双击事件（dblclick）：当用户在一个元素上进行双击操作时触发。
3.鼠标移动事件（mousemove）：当用户在一个元素上移动鼠标时触发。
4.鼠标进入事件（mouseenter）：当鼠标进入一个元素时触发，不会冒泡。
5.鼠标离开事件（mouseleave）：当鼠标离开一个元素时触发，不会冒泡。
6.鼠标按下事件（mousedown）：当用户按下鼠标时触发。
7.鼠标松开事件（mouseup）：当用户松开鼠标时触发。
二、滚轮事件
滚轮事件是指用户通过鼠标滚轮进行操作时触发的事件，主要包括以下两种事件：
1.鼠标滚轮事件（mousewheel）：当用户滚动鼠标滚轮时触发，兼容性较差。
2.滚动事件（wheel）：当用户滚动鼠标滚轮时触发，是 mousewheel 事件的替代品，兼容性较好。
在使用滚轮事件时，我们可以通过 event 对象的 deltaY 属性来获取用户滚动的距离，值为正数表示向上滚动，负数表示向下滚动。例如：
document.addEventListener('wheel', function(event) { console.log(event.deltaY); });
以上代码会在控制台输出用户滚动的距离。
三、其他注意事项
在实际开发中，我们需要注意以下几点：
1.鼠标事件和滚轮事件通常需要结合 CSS 样式来实现交互效果。
2.在绑定事件时，需要注意事件的冒泡或捕获机制，尽可能避免不必要的事件处理。
3.在绑定事件处理函数时，需要考虑到移动端设备的触摸事件，尽可能做到兼容性。
总结
以上就是 JavaScript 中常见的鼠标/滚轮事件类型。了解这些事件类型可以帮助前端开发者更好地理解和使用 DOM 事件机制，从而实现各种复杂的交互效果。但是，在实际开发中也需要注意事件处理函数的性能问题，尽可能避免过多的事件绑定和重复执行事件处理函数等问题，以提高网页的响应速度和用户体验。
