JavaScript 鼠标事件

鼠标事件是JavaScript中常见的一类事件类型，它们允许您在页面上与用户的鼠标操作交互。以下是一些常用的鼠标事件：

click

当用户单击鼠标时触发该事件。可以在按钮、链接或任何其他可以单击的元素上添加该事件。

<button onclick="alert('Hello World!')">点击我</button>

mousedown

当用户按下鼠标按钮时触发该事件。可以使用此事件来实现拖放功能。

<div onmousedown="startDrag(event)">拖曳区域</div>

mouseup

当用户释放鼠标按钮时触发该事件。可以使用此事件来实现拖放功能。

<div onmouseup="stopDrag(event)">拖曳区域</div>

mousemove

当用户移动鼠标时触发该事件。可以使用此事件来实现拖放、鼠标悬停提示等功能。

<div onmousemove="showTooltip(event)">鼠标悬停区域</div>

mouseover

当用户将鼠标移动到元素上方时触发该事件。可以使用此事件来实现鼠标悬停提示等功能。

<img src="image.jpg" onmouseover="showTooltip('图片')">图片

mouseout

当用户将鼠标移开元素时触发该事件。可以使用此事件来实现鼠标悬停提示等功能。

<img src="image.jpg" onmouseout="hideTooltip()">图片

contextmenu

当用户右击元素时触发该事件。可以使用此事件来实现自定义上下文菜单等功能。

<div oncontextmenu="showContextMenu(event)">右击我</div>

总结：鼠标事件是JavaScript中常见的一类事件类型，它们允许您在页面上与用户的鼠标操作交互。常用的鼠标事件包括click、mousedown、mouseup、mousemove、mouseover、mouseout和contextmenu等。