JavaScript从零开始——DOM事件编程（3）
2026-05-17 08:58:20
JavaScript DOM事件编程关于鼠标事件的重点内容如下：
1. 鼠标事件类型： click：单击事件，在mousedown和mouseup后触发。 dblclick：双击事件，在两次单击后触发。 mouseover：鼠标进入节点时触发，在节点内部移动时会多次触发。 mouseout：鼠标离开节点时触发。 mouseenter：鼠标首次进入节点时触发，与mouseover不同，mouseenter在节点内部移动时不会多次触发。 mouseleave：鼠标离开节点时触发，但如果是在父元素内部从子元素移动到父元素，mouseleave不会触发。
2. MouseEvent接口： MouseEvent接口继承自Event接口，用于处理所有鼠标操作产生的事件。 提供了altKey、ctrlKey、metaKey、shiftKey等键状态属性，用于检查特定键是否按下。 提供了button、buttons属性，表示按下的鼠标键和键位组合。 提供了clientX、clientY等位置信息，表示鼠标在窗口上的坐标。
3. MouseEvent实例属性和方法： 键状态属性：altKey、ctrlKey等，只读，用于检查键是否按下。 button和buttons属性：分别表示按下的鼠标键和键位组合。 位置属性：clientX、clientY，screenX、screenY，pageX、pageY。 相对位置属性：offsetX和offsetY，用于计算鼠标与目标节点边界的相对距离。 relatedTarget属性：返回与当前事件相关的节点。 getModifierState方法：用于检测特定键是否被按下。
4. WheelEvent接口： 用于处理轮播事件，包含滚动方向和滚动量等信息。 通过WheelEvent构造函数可以创建并配置这些事件的实例。
热门标签
