javascript - ng-mouseover 事件传递 'this'(自身)对 DOM 的引用不起作用。除了使用核心 javascript 事件之外，还有其他方法吗？

Question

我想在鼠标悬停事件上获取“self DOM”，因此我在 ng-mouseover 事件上传递“this”，但它不起作用。 请引用下面的代码。

<a href="#" ng-mouseover="console.log(this)" >Mouse over me!</a>

我希望它仅适用于 Angular JS。

Answer 1

使用 AngularJS，您只需在模板中输入以下内容即可获取 $event:

<a href="#" ng-mouseover="onMouseover($event)" >Mouse over me!</a>

然后在你的 Controller 中你可以通过以下方式获取 DOM 元素，即该事件的目标:

$scope.onMouseover = function ($event) {
    //
    console.log($event.target);
}