AngularJS中ng-mouseover传递this获取DOM失效，求纯AngularJS方案

嘿，我明白你遇到的问题了——在AngularJS的事件表达式里直接用this确实拿不到DOM元素，因为这里的this指向的是当前作用域（scope），而不是触发事件的DOM节点。不过用AngularJS本身的特性就能轻松解决这个问题，下面给你两种可行的方案：

方案1：通过$event对象在控制器中处理（推荐） #

AngularJS会自动把事件对象$event注入到事件表达式里，你可以把它传给控制器的函数，然后从$event中提取目标DOM元素：

首先修改模板代码：

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

然后在对应的控制器中定义处理函数：

app.controller('YourController', function($scope) {
  $scope.handleMouseOver = function(event) {
    // currentTarget 是绑定了事件的那个DOM元素（也就是这个a标签）
    console.log(event.currentTarget);
    // 如果需要操作元素，比如修改样式，也可以直接用它
    event.currentTarget.style.color = 'red';
  };
});

这里要注意event.currentTarget和event.target的区别：currentTarget始终指向绑定事件的元素，而target可能是该元素的子元素（如果有的话），所以用currentTarget能确保你拿到的是你想要的那个a标签。

方案2：直接在模板表达式中使用$event（适合简单场景） #

如果只是简单的调试或者不需要复杂逻辑，也可以直接在模板里通过$event访问DOM元素：

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

这样就能直接在控制台看到当前的DOM元素了。

总结一下，AngularJS的事件表达式上下文是作用域，所以不能用this获取DOM元素，必须借助框架提供的$event对象来访问触发事件的节点哦~

内容的提问来源于stack exchange，提问作者Suraj Bande