Javascript AngularJs中的MouseEnter vs MouseOver
我在玩AngularJS鼠标事件时遇到了一个问题。我知道当鼠标进入一个元素的容器时，MouseEnter事件被激发，并且在MouseOver之后，所有子元素都被激发。 多亏了这个动画 然而，在我的例子中，MouseEnter事件从未被触发。我正在开发Angular PhoneCat应用程序（步骤10），并进行了以下修改：Javascript AngularJs中的MouseEnter vs MouseOver,javascript,html,angularjs,mouseevent,Javascript,Html,Angularjs,Mouseevent,我在玩AngularJS鼠标事件时遇到了一个问题。我知道当鼠标进入一个元素的容器时，MouseEnter事件被激发，并且在MouseOver之后，所有子元素都被激发。 多亏了这个动画 然而，在我的例子中，MouseEnter事件从未被触发。我正在开发Angular PhoneCat应用程序（步骤10），并进行了以下修改： Controllers.js：添加了记录鼠标事件的方法 phone details.html：添加了ng mouseenter和ng mouseleave处理程序 $scop
$scope.logMouseEvent=function（）{
开关（事件类型）{
案例“mouseenter”：
log（“嘿，鼠标输入”）；
打破
案例“mouseleave”：
log（“鼠标不见了”）；
打破
违约：
console.log（事件类型）；
打破
}
-
与ngMouseover的区别在于，它只在鼠标进入元素时触发一次，而不是在该元素内的每次移动之后
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
</head>
<body ng-app="">
<button ng-mouseenter="lastEventType=$event.type">
Enter
</button>
Event type: {{lastEventType}}
</body>
</html>
进入
事件类型：{lastEventType}