angular - 将鼠标事件传递给组件 onclick

标签 angular typescript

我正在尝试在 Angular 组件中捕获鼠标坐标。

这是有问题的 html:

<div id="container" class="fullSize" style="height:100%;" (click)="onClick(ev)"></div>

下面是对应 typescript 文件中的组件函数:

onClick( ev : MouseEvent ) {
  console.log("x:" + ev.clientX);
}

控制台报错:

Cannot read property 'clientX' of undefined'

将 MouseEvent 传递给我的组件函数的正确方法是什么?

最佳答案

您应该使用 $eventMouseEvent 对象传递给您的点击处理程序。

所以简单的写:

(click)="onClick($event)"

另见

关于angular - 将鼠标事件传递给组件 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46309055/

相关文章:

typescript - 如何在 TypeScript 中创建环境类声明

angular - 如何将 Angular 4+(前端)部署到 CDN?

Angular Material Tree 不显示填充数组的子元素

javascript - 如何对 HttpClient.get 返回的 Observable 实现副作用?

angular - 如何跟踪 Angular2 应用程序中的使用指标?

javascript - Angular 2 - 语法错误 : Invalid regular expression: missing/

Angular2 - 单击事件 : get ID of clicked element

angular - 残疾人不工作

显示错误的 typescript 过滤器不可分配给类型

typescript - @typescript-eslint/naming-convention @emotion 样式文件的自定义配置