📅  最后修改于: 2023-12-03 15:31:46.675000             🧑  作者: Mango
鼠标事件是JavaScript中常见的一类事件类型,它们允许您在页面上与用户的鼠标操作交互。以下是一些常用的鼠标事件:
当用户单击鼠标时触发该事件。可以在按钮、链接或任何其他可以单击的元素上添加该事件。
<button onclick="alert('Hello World!')">点击我</button>
当用户按下鼠标按钮时触发该事件。可以使用此事件来实现拖放功能。
<div onmousedown="startDrag(event)">拖曳区域</div>
当用户释放鼠标按钮时触发该事件。可以使用此事件来实现拖放功能。
<div onmouseup="stopDrag(event)">拖曳区域</div>
当用户移动鼠标时触发该事件。可以使用此事件来实现拖放、鼠标悬停提示等功能。
<div onmousemove="showTooltip(event)">鼠标悬停区域</div>
当用户将鼠标移动到元素上方时触发该事件。可以使用此事件来实现鼠标悬停提示等功能。
<img src="image.jpg" onmouseover="showTooltip('图片')">图片
当用户将鼠标移开元素时触发该事件。可以使用此事件来实现鼠标悬停提示等功能。
<img src="image.jpg" onmouseout="hideTooltip()">图片
当用户右击元素时触发该事件。可以使用此事件来实现自定义上下文菜单等功能。
<div oncontextmenu="showContextMenu(event)">右击我</div>
总结:鼠标事件是JavaScript中常见的一类事件类型,它们允许您在页面上与用户的鼠标操作交互。常用的鼠标事件包括click、mousedown、mouseup、mousemove、mouseover、mouseout和contextmenu等。