MouseEvent

1. 接口

interface MouseEvent extends UIEvent {
  readonly altKey: boolean;
  readonly ctrlKey: boolean;
  readonly metaKey: boolean;
  readonly shiftKey: boolean;

  readonly clientX: number; // 视口坐标
  readonly clientY: number;

  readonly x: number; // 视口坐标
  readonly y: number;

  readonly pageX: number; // 文档坐标
  readonly pageY: number;

  readonly offsetX: number; // 相对 鼠标点击的元素 的偏移量
  readonly offsetY: number;

}

2. 参考

• JS基础篇--了解JS的clientX、pageX、screenX等方法来获取鼠标坐标详解 (opens new window)