JavaScript中如何使用鼠标事件实现复杂交互功能？

本文共计691个文字，预计阅读时间需要3分钟。

JavaScript 老鼠事件实例介绍了常见鼠标事件及其用法。分享给家长参考，内容如下：

+ JavaScript 鼠标事件有： + mousedown：鼠标按键按下。 + mouseup：鼠标按键释放。 + click：鼠标左键点击。

本文实例讲述了JavaScript常见鼠标事件与用法。分享给大家供大家参考，具体如下：

JavaScript 鼠标事件有以下8种

mousedown
鼠标的键钮被按下。

mouseup
鼠标的键钮释放弹起。

click
鼠标左键（或中键）被单击。

事件触发顺序是：mousedown -> mouseup -> click

dblclick
鼠标左键（或中键）被双击。

事件触发顺序是：mousedown -> mouseup -> click -> mousedown -> mouseup -> click -> dblclick。

contextmenu
弹出右键菜单，它可能是鼠标右键触发的，也可能是键盘的菜单键触发的。

mouseover
鼠标移动到目标上方。

mouseout
鼠标从目标上方移出。

mousemove
鼠标在目标上方移动

注意：事件名称大小写敏感。若需要监听以上事件，则在事件名的前面加个on即可。