js鼠标事件有哪些

JavaScript 中的鼠标事件有很多，以下是一些常见的鼠标事件：

鼠标点击事件

• click：当用户点击鼠标左键或者在焦点在可点击元素上按下回车键时触发，常用于触发按钮点击、链接跳转等操作。
• dblclick：当用户双击鼠标左键时触发，可用于实现一些特殊的操作，比如双击放大图片、双击编辑文本等。
• mousedown：当用户按下鼠标按钮（左键、右键或中键）时触发，常与mouseup和mousemove配合实现元素的拖拽等功能。
• mouseup：当用户释放鼠标按钮（左键、右键或中键）时触发，与mousedown一起使用，用于判断鼠标点击操作的完成。
• contextmenu：当用户点击鼠标右键（或在键盘上按下上下文菜单键）时触发，通常用于显示自定义右键菜单。

鼠标移动事件

• mousemove：当鼠标指针在元素上移动时反复触发，可用于实现鼠标跟随效果、实时显示鼠标位置等功能。
• mouseover：当鼠标指针从元素外部移入元素内部时触发，鼠标移到其后代元素上时也会触发，可用于实现鼠标悬停显示提示信息等效果。
• mouseout：当鼠标指针从元素内部移出元素外部时触发，鼠标移到其后代元素上时也会触发，常与mouseover一起使用，用于控制元素的显示和隐藏。
• mouseenter：当鼠标指针进入元素时触发，与mouseover的区别在于该事件不冒泡，即鼠标移到其后代元素上时不会触发，可用于更精确地控制元素的进入状态。
• mouseleave：当鼠标指针离开元素时触发，与mouseout的区别在于该事件不冒泡，即鼠标移到其后代元素时不会触发，可用于更精确地控制元素的离开状态。

鼠标滚轮事件

• wheel：当用户滚动鼠标滚轮时触发，可以获取滚轮滚动的方向和距离，用于实现页面滚动、图片缩放等功能。

其他鼠标事件

• selectstart：当用户开始选择文本时触发，可用于禁止或自定义文本选择行为。
• selectend：当用户结束选择文本时触发，可用于获取用户选择的文本内容等操作。