angular – 将mouseevent传递给组件onclick

发布时间：2020-12-17 17:23:36 所属栏目：安全来源：网络整理

导读：我正在尝试捕获Angular组件中的鼠标坐标. 这是有问题的html： div id="container" class="fullSize" style="height:100%;" (click)="onClick(ev)"/div 这是相应的typescript文件中的组件函数： onClick( ev : MouseEvent ) { console.log("x:" + ev.clientX)

我正在尝试捕获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传递给组件函数的正确方法是什么？

解决方法

您应该使用$event将MouseEvent对象传递给您的单击处理程序.

所以简单地写：

(click)="onClick($event)"

也可以看看

> https://angular.io/guide/template-syntax#event-and-event-handling-statements

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!