一、鼠标事件
鼠标事件是最常用的 UI 事件类型之一，主要包括以下几种事件：
1.点击事件（click）：当用户在一个元素上进行单击操作时触发。
2.双击事件（dblclick）：当用户在一个元素上进行双击操作时触发。
3.鼠标移动事件（mousemove）：当用户在一个元素上移动鼠标时触发。
4.鼠标进入事件（mouseenter）：当鼠标进入一个元素时触发，不会冒泡。
5.鼠标离开事件（mouseleave）：当鼠标离开一个元素时触发，不会冒泡。
6.鼠标按下事件（mousedown）：当用户按下鼠标时触发。
7.鼠标松开事件（mouseup）：当用户松开鼠标时触发。
二、键盘事件
键盘事件主要包括以下几种事件：
1.按键按下事件（keydown）：当用户按下一个键时触发。
2.按键松开事件（keyup）：当用户松开一个键时触发。
3.输入事件（input）：当用户在表单元素中输入内容时触发。
4.焦点事件（focus、blur）：当元素获取焦点或失去焦点时触发。
三、表单事件
表单事件主要包括以下几种事件：
1.提交事件（submit）：当用户提交表单时触发。
2.重置事件（reset）：当用户重置表单时触发。
3.表单变化事件（change）：当表单元素的值发生变化时触发。
四、窗口事件
窗口事件主要包括以下几种事件：
1.加载事件（load）：当页面或图像完成加载时触发。
2.卸载事件（unload）：当页面被卸载时触发。
3.改变大小事件（resize）：当窗口大小发生变化时触发。
4.滚动事件（scroll）：当页面滚动时触发。
以上就是 JavaScript 中常见的 UI 事件类型。了解这些事件类型可以帮助前端开发者更好地理解和使用 DOM 事件机制，从而实现各种复杂的交互效果。但是，在实际开发中也需要注意事件处理函数的性能问题，尽可能避免过多的事件绑定和重复执行事件处理函数等问题，以提高网页的响应速度和用户体验。
