angular 如何获得鼠标的坐标？

Question

请问如何获得鼠标坐标？我现在通过window.event能看到pageX,pageY,可运行，但是编辑器里红色下划线报错，所以想问题下如何正确的获得鼠标坐标？
报错是event类型中没有pageX属性。

Answer 1

去除报错的简单方法:
(window as any).event
我觉得更好的方式应该是写一个指令,在指令中处理鼠标移动事件

import { Directive, ElementRef, HostListener } from '@angular/core';

mousemove.directive.ts

@HostListener('mousemove',['$event']) onMouseMove(e) {
  // do someing
}

https://angular.cn/api/core/H...

Answer 2

<component (mouseover)="yourFunction($event)"></component>

这个方法的第一个参数就是event对象，你输出一下应该可以看到。