JavaScript事件 鼠标事件

JavaScript事件，事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。 JavaScript 与 HTML 之间的交互是通过事件实现的。对于 Web 应用来说，有下面这些代 表性的事件：单击事件、鼠标移入移出事件、键盘按下/弹起事件等等。

鼠标事件，就是用鼠标完成的交互动作，鼠标事件是 Web 开发中最常用的事件类型

鼠标事件类型

 

鼠标点击事件包括4个：click（单机）dblclick（双击）、mousedown（按下）

和 mouseup（松开），其中click件类型比较常用，而 mousedown 和 mouseup 事件类型多用在鼠标拖放、拉伸操作中。

鼠标点击示例：

鼠标移动，mousemove 事件类型是一个实时响应的事件，当鼠标指针的位置发生变化时（至少移动一个像素），就会触发 mousemove 事件。该事件响应的灵敏度主要参考鼠标指针移动速度的快慢以及浏览器跟踪更新的速度。

示例：

鼠标经过包括移过和移出两种事件类型。当移动鼠标指针到某个元素上时，将触发 mouseover 事件；而当把鼠标指针移出某个元素时，将触发 mouseout 事件。如果从父元素中移到子元素中时，也会触发父元素的 mouseover 事件类型。

当一个事件发生后，可以使用事件对象的 target 属性获取发生事件的节点元素。如果在 IE 事件模型中实现相同的目标，可以使用 srcElement 属性。