onMouseOver, onMouseMove, onMouseDown, onMouseUp, onMouseOut 的介绍和区别

简单介绍：

  

onMouseOver
鼠标移动到对象上时触发事件。

 

onMouseMove
鼠标在对象上移动时触发事件。
注：每当鼠标移动一个像素，就会触发一个 mousemove 事件。这会耗费大量的系统资源，因此请审慎地使用该事件。

 

onMouseDown
鼠标按键按下时触发事件。

 

onMouseUp
鼠标按键弹起时触发事件。

 

onMouseOut
鼠标移出对象时触发事件。

 

---

 

实例一：各事件小例子

 

onMouseOver ：鼠标移动到图片时弹出信息。

 

<img src="http://3aj.cn/file/image/mouse1.jpg" onmouseover="alert('鼠标移动到图片上了！');" />

 

 

onMouseMove ：鼠标在图片内发生移动时弹出信息。

 

<img src="http://3aj.cn/file/image/mouse1.jpg" onmousemove="alert('鼠标在图片内发生了位移！');" />

 

 

 

onMouseDown ：鼠标按键按下时弹出信息。

 

<img src="http://3aj.cn/file/image/mouse1.jpg" onmousedown="alert('鼠标按键按下了！');" />

 

 

 

onMouseUp ：鼠标按键弹起时弹出信息。

 

 

文章摘自  onMouseOver, onMouseMove, onMouseDown, onMouseUp, onMouseOut 的介绍和区别