Question

全部。 IE的情况很奇怪，当元素在按钮内具有鼠标事件时-事件不会触发。这种情况不会在Chrome或Firefox中重现。不幸的是，没有关于这种情况的信息，也许有人遇到过同样的情况？

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="">

<button>BUTTON
<div ng-mouseover="count = count + 1" ng-init="count=0">Mouse over me!</div>
</button>


<h1>{{count}}</h1>

<p>This example will increase the value of the variable "count" every time the mouse cursor moves over the DIV element.</p>

</body>
</html>

Answer 1

无论出于何种原因，IE11都不认为您将鼠标悬停在子<div>上，而是将您视为鼠标悬停在父<button>上。

可以通过将ng-mouseover属性移动到<button>元素来解决此问题。

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body ng-app="">

<button ng-mouseover="count = count + 1" ng-init="count=0">
    BUTTON
    <div>Mouse over me!</div>
</button>

<h1>{{count}}</h1>

</body>
</html>

鼠标事件在按钮（IE11）中的元素中不起作用

1 个答案: