AngularJs中的MouseEnter vs MouseOver
我在玩AngularJS鼠标事件，遇到了一个问题。我知道当鼠标进入一个元素的容器时会触发MouseEnter事件，并且在所有子元素触发Mouseover之后会触发该事件。多亏了这个动画可视化鼠标事件
然而，在我的例子中，MouseEnter事件从未被触发。我正在开发Angular PhoneCat应用程序（步骤10），并进行了以下修改：
- 控制器。js：添加了记录鼠标事件的方法
$scope.logMouseEvent = function() {
switch (event.type) {
case "mouseenter":
console.log("Hey Mouse Entered");
break;
case "mouseleave":
console.log("Mouse Gone");
break;
default:
console.log(event.type);
break;
}<ul class="phone-thumbs">
<li ng-repeat="img in phone.images">
<img ng-src="{{img}}" ng-Click="setImage(img)" ng-mouseenter="logMouseEvent()" ng-mouseleave="logMouseEvent()">
</li>
</ul>仅记录mouseover和mouseout事件
发生这种行为是因为图像是ul元素，而我们在子元素中移动鼠标吗？如何在图像上显示mouseenter事件？
共有1个答案
Angular的ngMouseenter指令触发一个类型为mouseover的事件，如您在此柱塞中所见。
与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>
-
问题内容： 我一直在使用var和$ scope.varname，并且在AngularJS中都可以正常工作。我想知道两者在功能上是否有区别，哪种最佳实践可供使用？ 问题答案： 是! 变量绑定到视图，其中不是，并且在声明该函数的位置是本地的！
-
问题内容： 我正在尝试使用AngularJS创建我的第一个应用程序。它看起来很整洁，但是有很多抽象，我很好奇是否有人对使用角度方法更新d3js创建的视觉效果的最惯用方式提出建议。 谢谢，bp 问题答案： 为了使Angular和其他框架发挥作用，是使用指令包装“ other”框架。 http://docs.angularjs.org/guide/directive 您要做的是告诉“其他”框架何时更新
-
问题内容： 我试图删除在angularjs中使用的网址，这是代码： 如果我不写，URL显示： 本地主机:(端口）/MyApplication/index.html 如果我写的URL显示： 本地主机:(端口） 已从网址中删除。我想显示网址： 本地主机:(端口）/ MyApplication / 我做错了什么？有什么问题？ 更新： 如何显示我的标签？现在我有： 当我单击链接时，URL显示： 本地主机：
-
问题内容： 我本来打算通过 在。有几点我不了解。 迭代器函数的用途是什么？没有它，还有什么办法吗？ 如下所示，键和值的意义是什么？ PS： 我试图在不带参数的情况下运行此函数，但它不起作用。 这是我的： 我的档案： 另一个问题 ：如果在控制台中出现条件并显示“ username is thomas”，为什么上面的功能没有打开？ 问题答案： 问题1和2 因此，基本上，第一个参数是要迭代的对象。它可以
-
问题内容： 可以在Angularjs中使用锚链接吗？ 即： 谢谢 问题答案： 看来有几种方法可以做到这一点。 选项1：本机角度 Angular提供了一项服务，但文档严重缺乏，我无法使其正常工作。 请访问http://www.benlesh.com/2013/02/angular-js-scrolling-to-element-by- id.html， 以获取有关的一些见解。 选项2：自定义指令/本
-
问题内容： 我正在尝试快速导航以使其正常工作。它漂浮在侧面。当他们单击链接时，会将他们带到页面上的该ID。我正在遵循Treehouse的本指南。这就是我要滚动的内容： 我最初将其放置在之前。但是我似乎遇到了一种竞争情况，在quickNav编译之前就已经触发了这种情况（它放在上面，不确定是不是引起了它-但它在DOM内）。 如果我在控制台中运行该代码块，则滚动将按预期进行。 我认为将其移入控制器会更有