Question

我在Angular编写我的第一个应用程序，我遇到了mouseenter事件的问题。它根本不适用于Chrome。首先我认为我的代码中有一个错误，但我在Firefox中检查过它，一切正常。我决定用jsfiddle的mouseenter测试一些代码，它看起来一样 - 在firefox上，在chrome上没有 - 在mouseenter on li之后，没有任何反应。

经过测试的代码：

<!DOCTYPE html>
<html ng-app="my-app">
    <head>
        <meta charset="utf-8" />         
              <style>
            /* Put your css in here */
            button {
                position: relative;
                float:right;
                top:-40px;
                right:0;
            }
            li {
                background: #eee;
                padding: 5px;
                list-style:none;
                width: 200px;
            }
        </style>
        <script src="angular.js"></script>
        <script>
            var app = angular.module('my-app', [], function () {
            })
            app.controller('AppController', function ($scope) {
            $scope.name = 'World';
            })
        </script>
    </head>

    <body ng-controller="AppController">
        <p>Hello {{name}}!</p>
        <ul>
            <li ng-mouseenter="showXBtn = true;
                                test($event)" ng-mouseleave="showXBtn = false;
                                                    test($event)">
                <p ng-mouseenter="showXBtn = false;" ng-mouseleave="showXBtn = true;
                                    test($event)">Hide</p>
                <button ng-show="showXBtn"><span>x</span></button>
            </li>
        </ul>
        {{showXBtn}}
    </body>
</html>

我使用AngularJS v1.2.5。这是官方报道的错误吗？或者也许我的铬有问题..我有最新版本38.0.2125.111米。谢谢你的任何建议。

Answer 1

我在Chrome上遇到了类似的问题，并最终将问题跟踪到特定的Chrome扩展程序（对我来说，这是AngularJS Batarang扩展名。）

如果你有任何javascript-profiling扩展，那些添加到你的页面的速度有时会导致事件中的异常行为（特别是mouseenter和mouseleave事件）。

Angular mouseenter在Chrome中不起作用

1 个答案: